@charset "utf-8";

.headertwonav {
	width: 75rem;
	margin: 0 auto
}

.dianji {
	width: 18.0625rem;
	height: 3.9375rem;
	position: absolute;
	top: 0;
	left: 33.96875rem;
	transform: scale(.8);
	cursor: pointer;
	z-index: 9999
}

.adianji {
	animation: headerLogo .7s;
	-moz-animation: headerLogo .7s;
	-webkit-animation: headerLogo .7s;
	-o-animation: headerLogo .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.isadianji {
	transform: scale(.8);
	left: -27px;
}

.h159 {
	width: 100%;
	height: 8.6875rem
}

.h159a {
	animation: headerHeight159 .8s .7s;
	-moz-animation: headerHeight159 .8s .7s;
	-webkit-animation: headerHeight159 .8s .7s;
	-o-animation: headerHeight159 .8s .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.home_header {
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	z-index: 9999;
	transition: all .8s .5s;
	box-shadow: .0625rem .0625rem .4375rem hsla(0, 0%, 53.3%, .12941176470588237)
}

.header {
	width: 75rem;
	margin: .625rem auto .625rem;
	position: relative;
	height: 7.4375rem
}

.header .logo {
	position: absolute;
	top: 0;
	left: 33.96875rem;
	width: auto;
	cursor: pointer;
	left: 0;
}

.header .nav {
	position: absolute;
	bottom: 0;
	right: 10.9375rem
}

/* 
.headertwonav ul li.tnavActive {
	display: block;
}

.headertwonav ul li {
	display: none;
} */

.erji {
	display: none;
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 76px;
	z-index: 9999;
	transition: all .8s .5s;
	box-shadow: 0.0625rem 0.0625rem 0.4375rem hsl(0deg 0% 53% / 13%);
}

.nav ul li:hover .erji {
	display: block;
}


.headerA {
	animation: headerHeight .8s .7s;
	-moz-animation: headerHeight .8s .7s;
	-webkit-animation: headerHeight .8s .7s;
	-o-animation: headerHeight .8s .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.headerA img {
	animation: headerLogo .7s;
	-moz-animation: headerLogo .7s;
	-webkit-animation: headerLogo .7s;
	-o-animation: headerLogo .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.headerA .nav {
	animation: headerLogo_right .7s;
	-moz-animation: headerLogo_right .7s;
	-webkit-animation: headerLogo_right .7s;
	-o-animation: headerLogo_right .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.headerA .nav ul li.navActive span {
	animation: headerSpan .7s;
	-moz-animation: headerSpan .7s;
	-webkit-animation: headerSpan .7s;
	-o-animation: headerSpan .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.nav ul li.active a {
	color: rgba(12, 50, 60) !important
}

.isheadershow {
	height: 3.9375rem
}

.isheadershow img {
	cursor: pointer;
	left: 0
}

.isheadershow .nav {
	right: 0
}

.isheadershow .nav ul {
	margin: -2.25rem auto 1.25rem;
}

.isheadershow .nav ul li.navActive span {
	animation: headerSpan .7s;
	-moz-animation: headerSpan .7s;
	-webkit-animation: headerSpan .7s;
	-o-animation: headerSpan .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.nav ul {
	width: 53.125rem;
	display: flex;
	margin: 1.25rem auto 1.25rem
}

.nav ul li {
	flex: 1;
	text-align: center;
	color: #948d8b;
	cursor: pointer;
	/*overflow: hidden;*/
	position: relative;
	font-size: 1rem
}

.nav ul li a {
	color: #b5ad9d;
}

.nav ul li a:hover {
	color: rgba(12, 50, 60) !important
}

.nav ul li span {
	display: none
}

.nav ul li.navActive span {
	width: .0625rem;
	height: 1rem;
	display: inline-block;
	position: absolute;
	left: 2.1875rem;
	top: -1rem;
	background: #c7a585;
	display: block;
	animation: headerSpan .7s;
	-moz-animation: headerSpan .7s;
	-webkit-animation: headerSpan .7s;
	-o-animation: headerSpan .7s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes h159ani {
	0% {
		height: 9.9375rem
	}

	to {
		height: 6.4375rem
	}
}

@-webkit-keyframes h159ani {
	0% {
		height: 9.9375rem
	}

	to {
		height: 6.4375rem
	}
}

@-moz-keyframes h159ani {
	0% {
		height: 9.9375rem
	}

	to {
		height: 6.4375rem
	}
}

@-o-keyframes h159ani {
	0% {
		height: 9.9375rem
	}

	to {
		height: 6.4375rem
	}
}

@keyframes headerLogo {
	0% {
		left: 33.96875rem
	}

	to {
		left: 0
	}
}

@-webkit-keyframes headerLogo {
	0% {
		left: 33.96875rem
	}

	to {
		left: 0
	}
}

@-moz-keyframes headerLogo {
	0% {
		left: 33.96875rem
	}

	to {
		left: 0
	}
}

@-o-keyframes headerLogo {
	0% {
		left: 33.96875rem
	}

	to {
		left: 0
	}
}

@keyframes headerLogo_right {
	0% {
		right: 10.9375rem
	}

	to {
		right: 0
	}
}

@-webkit-keyframes headerLogo_right {
	0% {
		right: 10.9375rem
	}

	to {
		right: 0
	}
}

@-moz-keyframes headerLogo_right {
	0% {
		right: 10.9375rem
	}

	to {
		right: 0
	}
}

@-o-keyframes headerLogo_right {
	0% {
		right: 10.9375rem
	}

	to {
		right: 0
	}
}

@keyframes headerHeight {
	0% {
		height: 7.4375rem
	}

	to {
		height: 3.9375rem
	}
}

@-webkit-keyframes headerHeight {
	0% {
		height: 7.4375rem
	}

	to {
		height: 3.9375rem
	}
}

@-moz-keyframes headerHeight {
	0% {
		height: 7.4375rem
	}

	to {
		height: 3.9375rem
	}
}

@-o-keyframes headerHeight {
	0% {
		height: 7.4375rem
	}

	to {
		height: 3.9375rem
	}
}

@keyframes headerHeight159 {
	0% {
		height: 8.6875rem
	}

	to {
		height: 5.1875rem
	}
}

@-webkit-keyframes headerHeight159 {
	0% {
		height: 8.6875rem
	}

	to {
		height: 5.1875rem
	}
}

@-moz-keyframes headerHeight159 {
	0% {
		height: 8.6875rem
	}

	to {
		height: 5.1875rem
	}
}

@-o-keyframes headerHeight159 {
	0% {
		height: 8.6875rem
	}

	to {
		height: 5.1875rem
	}
}

.hh159-move {
	transition: all 2s
}

.headertwonav {
	display: none;
}

.headertwonav ul {
	display: flex;
	align-items: center
}

.headertwonav ul li {
	flex: 1;
	padding: 5% 2%;
	text-align: center
}

.headertwonav ul li img {
	width: 17rem;
	height: 11.375rem
}

.headertwonav ul li .twonavaimg {
	width: 17rem;
	height: 11.375rem;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	top: 27px
}

.headertwonav ul li .twonavmask {
	position: absolute;
	width: 17rem;
	background: rgba(0, 0, 0, .4);
	left: 0;
	top: 0;
	height: 11.375rem;
	color: #fff;
	line-height: 11.375rem
}

.headertwonav ul li img.iamg {
	display: block
}

.headertwonav ul li.tnavActive img.iamg,
.headertwonav ul li img.iamgc {
	display: none
}

.headertwonav ul li.tnavActive img.iamgc {
	display: block
}

.c-guazai {
	position: fixed;
	bottom: 7.5rem;
	right: 1.875rem;
	z-index: 100000;
	cursor: pointer
}

.c-guazai img {
	width: 15.625rem;
	height: auto
}

.c-showhd {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, .8);
	display: flex;
	justify-content: center;
	align-items: center
}

.c-show-tk {
	position: relative
}

.c-show-pcnew,
.c-show-tk {
	width: 76.125rem;
	height: 51.4375rem
}

.c-choos {
	position: absolute;
	top: .9375rem;
	right: .9375rem;
	cursor: pointer
}

.c-choos,
.c-choos img {
	width: 1.875rem;
	height: 1.875rem
}

.c-ljzx {
	position: absolute;
	top: 0;
	margin-top: 37.5rem;
	margin-left: 50%;
	left: -6.25rem;
	cursor: pointer
}

.c-ljzx,
.c-ljzx img {
	width: 12.5rem;
	height: auto
}

.c-intime-s {
	position: absolute;
	top: .9375rem;
	left: .9375rem;
	width: 1.875rem;
	height: 1.875rem;
	font-size: 1.875rem;
	text-align: center;
	line-height: 1.875rem;
	color: #fff
}

.footer {
	width: auto;
	background: #b5ad9d;
	padding: 3.5625rem 3.5rem 1.625rem;
	color: hsla(0, 0%, 100%, .8)
}

.footer p {
	line-height: 1.875rem;
	color: #fff
}

.footer p span a {
	display: inline-block;
	color: #fff;
}

.footer p span a:hover {
	color: #c7a585;
}

.footerCenten {
	max-width: 93rem;
	min-width: 60rem;
	margin: 0 auto;
	display: flex;
	position: relative
}

.footerLeft {
	flex: 1 50%;
	text-align: left;
	position: relative
}

.footerLeft .logo {
	padding-bottom: 2.8125rem
}

.footerLeft ul {
	display: flex;
	padding-top: 1.5625rem;
	padding-bottom: .9375rem;
	width: 25rem;
	height: 6.25rem;
	align-items: center
}

.footerLeft ul li {
	flex: 1;
	text-align: center
}

.footerLeft ul li p {
	text-align: center;
	padding-top: .625rem
}

.footerRight {
	flex: 1 50%;
	text-align: right
}

.footerRight ul {
	font-weight: 500;
	display: flex;
	padding-top: .5rem
}

.footerRight ul li {
	flex: 1;
	cursor: pointer;
	position: relative;
	overflow: hidden
}

.footerRight ul .aligin a {
	color: #fff;
}

.footerRight ul .aligin a:hover {
	color: rgba(12, 50, 60) !important
}

.footerRight ul li span {
	display: none
}

.footerRight ul li.navActive span {
	width: .0625rem;
	height: 1rem;
	display: inline-block;
	position: absolute;
	left: 1.1875rem;
	top: -1rem;
	background: rgba(12, 50, 60) !important;
	display: block;
	animation: headerSpan .7s;
	-moz-animation: headerSpan .7s;
	-webkit-animation: headerSpan .7s;
	-o-animation: headerSpan .7s;
	animation-fill-mode: forwards
}

@keyframes headerSpan {
	0% {
		top: -1rem
	}

	to {
		top: 0
	}
}

@-webkit-keyframes headerSpan {
	0% {
		top: -1rem
	}

	to {
		top: 0
	}
}

@-moz-keyframes headerSpan {
	0% {
		top: -1rem
	}

	to {
		top: 0
	}
}

@-o-keyframes headerSpan {
	0% {
		top: -1rem
	}

	to {
		top: 0
	}
}

.footerzk {
	margin-left: 2.188rem;
	border-left: .0625rem solid;
	text-align: left;
	padding-left: 12%;
	margin-top: 9%;
	display: none
}

.footerRight ul li.navActive .footerzk {
	display: block
}

.bigqrcode {
	padding-bottom: 2.5rem;
	position: absolute;
	left: 6.25rem;
	bottom: 5rem
}

.bigqrcode img {
	background: #fff;
	padding: .9375rem;
	width: 11.875rem
}

.footerLeft ul li img {
	margin: 0 auto
}

.footerLeft ul li.mousqrcode:hover .qicon {
	display: none
}

.footerLeft ul li.mousqrcode:hover .qimg {
	display: block;
	width: 5.625rem;
	height: 5.625rem;
	background: #fff;
	border-radius: .3125rem;
	padding: .3125rem
}

.footerLeft ul li .qicon {
	display: block;
	width: 2.8125rem;
	height: 2.8125rem
}

.footerLeft ul li:first-child .qicon {
	width: 3.5rem
}

.footerLeft ul li .qimg {
	display: none
}

.footerRight .SmartHome {
	background: transparent
}

.alignItems {
	align-items: center
}

.aligin {
	text-align: center
}

.pwjpostion {
	position: relative
}

.SmartHome {
	position: absolute;
	right: 3.7rem;
	bottom: .7125rem
}

.SmartHome img {
	width: 11.75rem;
	height: 2.875rem
}

body[data-v-5327e192] {
	padding-bottom: env(safe-area-inset-bottom)
}

.mheader[data-v-5327e192] {
	width: 46.875rem;
	text-align: left
}

.height136[data-v-5327e192] {
	width: 100%
}

.mhead[data-v-5327e192] {
	width: 100%;
	height: 8.5rem;
	background: #fff;
	position: fixed;
	left: 0;
	z-index: 99999
}

.mhead img[data-v-5327e192] {
	position: absolute
}

.mhead .mlogo[data-v-5327e192] {
	height: 4.375rem;
	position: absolute;
	left: 2.5rem;
	top: 2.0625rem
}

.routerbox .routerlink[data-v-5327e192] {
	height: 8.5rem;
	width: 12.5rem
}

.mhead .mnav img[data-v-5327e192] {
	position: absolute;
	right: 2.5rem;
	top: 2.6875rem;
	width: 2.5rem
}

.mhead .mnav img.cuo[data-v-5327e192] {
	width: 1.875rem
}

.shidaoimg[data-v-5327e192] {
	opacity: 0
}

.mheadmuse[data-v-5327e192] {
	width: 46.875rem;
	background: #fff;
	z-index: 99999;
	position: fixed;
	top: 8.5rem;
	height: 100%
}

.mheadmuse ul[data-v-5327e192] {
	width: 41.875rem;
	margin: 0 auto
}

.mheadmuse ul li[data-v-5327e192] {
	position: relative;
	line-height: 2;
	font-size: 2.375rem
}

.mheadmuse ul li .title[data-v-5327e192] {
	position: relative;
	padding: .625rem 0
}

.mheadmuse ul li .title a[data-v-5327e192] {
	display: inline-block
}

.mheadmuse ul li .title span[data-v-5327e192] {
	font-size: 3.75rem;
	font-weight: 100;
	position: absolute;
	top: -1.25rem;
	right: 0
}

.mheadmuse ul li .title_list[data-v-5327e192] {
	font-size: 1.875rem;
	color: #4c413d;
	border-top: .0625rem solid #4c413d;
	padding: .625rem 0
}

.mheadmuse ul li .yingcpkj[data-v-5327e192] {
	animation: yingcpkjani-5327e192 .5s;
	animation-fill-mode: forwards
}

.mheadmuse ul li .cpkj[data-v-5327e192] {
	animation: yingcpkjxani-5327e192 .5s;
	animation-fill-mode: forwards
}

.mheaddaoh-move[data-v-5327e192] {
	transition: transform .5s
}

.mnavxuan[data-v-5327e192] {
	animation: mnavtransform-5327e192 .5s;
	animation-fill-mode: forwards
}

.shidao[data-v-5327e192] {
	animation: mnavtransformd-5327e192 .25s;
	animation-fill-mode: forwards
}

.mnavshow[data-v-5327e192] {
	animation: ismnavshow-5327e192 .25s .25s;
	animation-fill-mode: forwards
}

.rotateaani[data-v-5327e192] {
	animation: isrotateaaniaa-5327e192 .5s;
	animation-fill-mode: forwards
}

.rotateaanion[data-v-5327e192] {
	animation: isrotateaanionaa-5327e192 .5s;
	animation-fill-mode: forwards
}

.rotatebani[data-v-5327e192] {
	animation: isrotatebaniaa-5327e192 .5s;
	animation-fill-mode: forwards
}

.rotatebanion[data-v-5327e192] {
	animation: isrotatebanionaa-5327e192 .5s;
	animation-fill-mode: forwards
}

@keyframes isrotateaaniaa-5327e192 {
	0% {
		transform: rotate(0deg);
		flex: 1
	}

	50% {
		transform: rotate(0deg);
		flex: none
	}

	to {
		transform: rotate(45deg);
		flex: none
	}
}

@keyframes isrotateaanionaa-5327e192 {
	0% {
		transform: rotate(45deg);
		flex: none
	}

	50% {
		transform: rotate(0);
		flex: none
	}

	to {
		transform: rotate(0);
		flex: 1
	}
}

@keyframes isrotatebaniaa-5327e192 {
	0% {
		transform: rotate(0deg);
		flex: 1
	}

	50% {
		transform: rotate(0deg);
		flex: none
	}

	to {
		transform: rotate(-45deg);
		flex: none
	}
}

@keyframes isrotatebanionaa-5327e192 {
	0% {
		transform: rotate(-45deg);
		flex: none
	}

	50% {
		transform: rotate(0);
		flex: none
	}

	to {
		transform: rotate(0);
		flex: 1
	}
}

@keyframes yingcpkjxani-5327e192 {
	0% {
		height: 0
	}

	to {
		height: 6.125rem
	}
}

@keyframes title_listxani-5327e192 {
	0% {
		height: 0
	}

	to {
		height: 4.5rem
	}
}

@keyframes yingcpkjani-5327e192 {
	0% {
		height: 6.125rem
	}

	to {
		height: 0
	}
}

@keyframes title_listani-5327e192 {
	0% {
		height: 4.5rem
	}

	to {
		height: 0
	}
}

@keyframes mnavtransform-5327e192 {
	0% {
		transform: rotate(0deg);
		opacity: 1
	}

	to {
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes mnavtransformd-5327e192 {
	0% {
		transform: rotate(90deg);
		opacity: 1
	}

	to {
		transform: rotate(0deg);
		opacity: 0
	}
}

@keyframes ismnavshow-5327e192 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.mqrco[data-v-5327e192] {
	width: 41.875rem;
	margin: 0 auto;
	padding: 3.75rem 0;
	border-bottom: .0625rem solid
}

.mqrco>div[data-v-5327e192] {
	width: 25rem;
	display: flex
}

.mqrco>div>div[data-v-5327e192] {
	flex: 1 25%;
	text-align: center
}

.mqrco>div>div img[data-v-5327e192] {
	width: 2.8125rem;
	height: 2.8125rem
}

.mqrco>div>div:first-child img[data-v-5327e192] {
	width: 3.5rem
}

.mheadfoot[data-v-5327e192] {
	width: 41.875rem;
	margin: 0 auto;
	padding: 3.75rem 0;
	font-size: 1.125rem
}

.isshowqrcon[data-v-5327e192] {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 99999999999
}

.isshowqrcon div[data-v-5327e192] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center
}

.isshowqrcon div img[data-v-5327e192] {
	margin: 0 auto;
	max-width: 100%
}

.mnav[data-v-5327e192] {
	position: absolute;
	right: 2.5rem;
	top: 2.6875rem;
	width: 2.5rem;
	height: 2.5rem;
	flex-direction: column
}

.mnav[data-v-5327e192],
.mnav p[data-v-5327e192] {
	display: flex;
	align-items: center;
	justify-content: center
}

.mnav p[data-v-5327e192] {
	flex: 1
}

.mnav p span[data-v-5327e192] {
	display: block;
	width: 2.5rem;
	height: .0625rem;
	background: #000
}

.cm-guazai[data-v-5327e192] {
	width: auto;
	height: auto;
	position: fixed;
	bottom: 9.375rem;
	right: 3.125rem;
	z-index: 100000;
	cursor: pointer
}

.cm-guazai img[data-v-5327e192] {
	z-index: 100000;
	width: 5rem;
	height: auto
}

.cm-showhd[data-v-5327e192] {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	background: rgba(0, 0, 0, .8);
	display: flex;
	justify-content: center;
	align-items: center
}

.cm-show-tk[data-v-5327e192] {
	width: 44.375rem;
	height: auto;
	position: relative
}

.cm-show-pcnew[data-v-5327e192] {
	width: 44.375rem;
	height: auto
}

.cm-choos[data-v-5327e192] {
	cursor: pointer;
	margin: 0 auto;
	margin-top: 2.8125rem
}

.cm-choos[data-v-5327e192],
.cm-choos img[data-v-5327e192] {
	width: 2.8125rem;
	height: 2.8125rem
}

.cm-ljzx[data-v-5327e192] {
	position: absolute;
	width: 12.5rem;
	height: auto;
	top: 0;
	margin-top: 46.25rem;
	margin-left: 50%;
	left: -6.25rem;
	cursor: pointer
}

.cm-ljzx img[data-v-5327e192] {
	width: 12.5rem;
	height: auto
}

.cm-intime-s[data-v-5327e192] {
	position: absolute;
	top: .625rem;
	right: 3.125rem;
	width: 1.875rem;
	height: 1.875rem;
	font-size: 1.125rem;
	color: #fff
}

.mfooter[data-v-14df6eb0] {
	width: 41.875rem;
	padding: 2.5rem;
	background: #b5ad9d;
	font-size: 1.625rem;
	color: #fff;
	line-height: 2;
	text-align: left;
	padding-bottom: 6.25rem
}

.foottop[data-v-14df6eb0] {
	width: 100%;
	display: flex;
	padding-bottom: 1.25rem
}

.foottop .footerLogo[data-v-14df6eb0] {
	flex: 1;
	text-align: left
}

.foottop .footerLogo img[data-v-14df6eb0] {
	height: 4.375rem
}

.foottop ul[data-v-14df6eb0] {
	flex: 2;
	display: flex
}

.foottop ul li[data-v-14df6eb0] {
	flex: 1;
	line-height: 1.125rem;
	padding-top: 3.25rem;
	position: relative
}

.footerqrcon[data-v-14df6eb0] {
	padding: 3.125rem 0
}

.footerqrcon ul[data-v-14df6eb0] {
	width: 25rem;
	display: flex
}

.footerqrcon ul li[data-v-14df6eb0] {
	flex: 1 25%;
	text-align: center
}

.footerqrcon ul li img[data-v-14df6eb0] {
	width: 2.8125rem;
	height: 2.8125rem
}

.footerqrcon ul li:first-child img[data-v-14df6eb0] {
	width: 3.5rem
}

.blanklinklist[data-v-14df6eb0] {
	line-height: 2;
	border-left: .0625rem solid #fff;
	padding-left: .625rem;
	left: -.9375rem;
	top: 5.3125rem;
	margin-top: 1.25rem
}

.blanklinklist div[data-v-14df6eb0] {
	width: 9.375rem
}

.foottop ul li div[data-v-14df6eb0] {
	color: #fff;
	background: #b5ad9d
}

.isshowqrcon[data-v-14df6eb0] {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 99999999999
}

.isshowqrcon div[data-v-14df6eb0] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center
}

.isshowqrcon div img[data-v-14df6eb0] {
	margin: 0 auto;
	max-width: 100%
}

.xiazai {
	z-index: 10000
}

.xiazai,
.xiazaibeijin {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0
}

.xiazaibeijin {
	z-index: 10001;
	background: rgba(0, 0, 0, .5)
}

.xiazaitanchuan {
	width: 45rem;
	height: 33.4375rem;
	position: absolute;
	top: 16%;
	left: 27%;
	z-index: 10002;
	background: rgba(0, 0, 0, .5);
	background: #fff;
	padding: 2.5rem 1.875rem 2.5rem 1.875rem;
	display: flex;
	justify-content: space-between;
	align-content: center
}

.shouji {
	position: relative;
	margin-top: 1.625rem;
	margin-left: 2rem
}

.shouji img {
	position: absolute;
	width: 15rem;
	height: 30rem
}

.waike {
	height: 19.125rem;
	left: 0;
	top: 0;
	z-index: 100
}

.wenzhi {
	margin-top: 5.625rem;
	margin-right: 2rem
}

.wenzhi .wenzhi_title {
	display: flex;
	justify-content: center;
	font-size: 3.125rem
}

.wenzhi .wenzhi_title h1:nth-of-type(2) {
	margin-left: .625rem
}

.wenzhi .App {
	display: flex;
	justify-content: center;
	font-weight: 0;
	font-size: 1.875rem;
	margin-top: 2.3rem
}

.wenzhi .App h1:nth-of-type(2) {
	margin-left: .25rem
}

.erweima {
	margin-top: 3.75rem;
	display: flex;
	justify-content: space-between;
	width: 22.5625rem
}

.isoerweima {
	width: 9.6875rem;
	height: 11.625rem;
	overflow: hidden;
	position: relative;
	border: .0625rem solid #000;
	border-radius: .3125rem
}

.ioserima_title {
	display: flex;
	justify-content: center;
	margin-top: .625rem
}

.ioserima_title p {
	line-height: 2rem;
	margin-left: .1875rem
}

.erweima_img {
	position: absolute;
	left: -.1875rem;
	top: 2rem;
	z-index: -1
}

.erweima_img img {
	width: 10rem;
	height: 10rem
}

#app {
	text-align: center;
	color: #4c413d;
	padding-top: 0
}

.logovideo {
	display: flex;
	align-items: center;
	background: #000
}

.logovideo video {
	margin: 0 auto;
	height: auto
}

.home .storeDisplay ul {
	position: absolute;
	left: 50%;
	margin-left: -26.875rem;
	bottom: 91%;
	padding-top: 0;
	margin-top: 0;
	line-height: 2rem;
	margin-bottom: -1rem;
	padding-bottom: 0
}

.home .kjdz ul {
	padding-top: 10.3125rem
}

.home .jianbianh {
	animation: hometopanimafounder 2s;
	-moz-animation: hometopanimafounder 2s;
	-webkit-animation: hometopanimafounder 2s;
	-o-animation: hometopanimafounder 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.home .kjdz ul li.midl>div {
	height: 5.625rem;
	position: relative
}

.home .kjdz ul li.midl div div {
	position: absolute;
	left: 7.8125rem;
	top: 0;
	width: 12.5rem;
	text-align: center
}

.home .kjdz ul li.midl p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.home .switeName {
	padding: 0
}

.home .brandBox {
	width: 75rem;
	position: relative;
	height: 45rem
}

.home .brand {
	position: absolute;
	left: 0;
	top: 0
}

.home .brand .brandtext {
	animation: homebrand 1s;
	-moz-animation: homebrand 1s;
	-webkit-animation: homebrand 1s;
	-o-animation: homebrand 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.home .brand img {
	width: 21.875rem;
	height: 28.4375rem;
	animation: homebrand 2s;
	-moz-animation: homebrand 2s;
	-webkit-animation: homebrand 2s;
	-o-animation: homebrand 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.home .brandani .brandtext,
.home .brandani img {
	animation: homebrandani 2s;
	-moz-animation: homebrandani 2s;
	-webkit-animation: homebrandani 2s;
	-o-animation: homebrandani 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.home .homespanceheight img,
.homespanceheight,
.homespanceheight .homeDecorationMask {
	width: 100%;
	height: 45rem
}

.diannamezi {
	top: 50%
}

.brandProfile_introduce {
	width: 54.6875rem;
	margin: 0 auto;
	text-align: left;
	line-height: 2.3;
	padding-top: 6.25rem;
	padding-bottom: 6rem;
}

.brandProfile_introduce>div {
	white-space: pre-wrap
}

.about .brandProfile .founder {
	padding-top: 0
}

.development {
	width: 100%;
	background: #e5e2e0;
	display: flex;
	flex-wrap: wrap;
	color: #4c413d
}

.development>div {
	width: 50%;
	flex: 1 50%;
	height: 37.5rem
}

.development img {
	width: 100%;
	height: 100%
}

.kuang .kuang_left {
	overflow: hidden;
	padding-left: 7.59375rem;
	background-color: #b5ad9d;
}

.kuang .kuang_left>div {
	float: left
}

.kuang .kuang_right {
	overflow: hidden;
	background-color: #b5ad9d;
}

.kuang .kuang_right>div {
	float: left
}

.kuang .shuyi {
	width: .0625rem;
	/* background: #fff; */
	height: 37.5rem;
	margin-left: 2.65625rem
}

.kuang .shuyi div {
	width: 3.125rem;
	height: .0625rem;
	/* background: #c7a585; */
	margin-left: -1.5625rem
}

.kuang .year {
	padding-left: 3.28125rem
}

.kuang .year ul {
	line-height: 1.75rem;
	text-align: left
}

.kuang .kuang_right .year ul {
	text-align: right
}

.kuang .year ul li {
	color: #fff;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.kuang .year ul li.avtive {
	animation: yearavtive 2s;
	-moz-animation: yearavtive 2s;
	-webkit-animation: yearavtive 2s;
	-o-animation: yearavtive 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.kuang .year ul li.favtive {
	animation: yearfavtive 2s;
	-moz-animation: yearfavtive 2s;
	-webkit-animation: yearfavtive 2s;
	-o-animation: yearfavtive 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes yearavtive {
	0% {
		color: #fff
	}

	to {
		color: #4c413d
	}
}

@-webkit-keyframes yearavtive {
	0% {
		color: #fff
	}

	to {
		color: #4c413d
	}
}

@-moz-keyframes yearavtive {
	0% {
		color: #fff
	}

	to {
		color: #4c413d
	}
}

@-o-keyframes yearavtive {
	0% {
		color: #fff
	}

	to {
		color: #4c413d
	}
}

@keyframes yearfavtive {
	0% {
		color: #4c413d
	}

	to {
		color: #fff
	}
}

@-webkit-keyframes yearfavtive {
	0% {
		color: #4c413d
	}

	to {
		color: #fff
	}
}

@-moz-keyframes yearfavtive {
	0% {
		color: #4c413d
	}

	to {
		color: #fff
	}
}

@-o-keyframes yearfavtive {
	0% {
		color: #4c413d
	}

	to {
		color: #fff
	}
}

.kuang .year ul li.avtive .bold {
	font-weight: 700
}

.kuang .kuang_right .xiangqing {
	padding-left: 12.75rem;
	width: 29.375rem;
}

.kuang .xiangqing {
	width: 23.375rem;
	line-height: 1.875rem;
	text-align: left;
	padding-left: 3.75rem
}

.kuang .xiangqing .xiangqingwap {
	display: table-cell;
	vertical-align: middle;
	height: 37.5rem
}

.kuang .xiangqing .xiangqingwap div {
	font-size: 3.125rem;
	padding-bottom: .3125rem;
	line-height: normal;
	font-weight: 700
}

.kuang .xiangqing .xiangqingwap p {
	text-align: justify
}

.shuyiaani-move {
	transition: transform 2s
}

.movies {
	width: 75rem;
	margin: 0 auto;
	padding: 1.25rem 0 3.75rem 0
}

.movies img {
	width: 100%
}

.martopfucla {
	animation: martopfu 1s;
	-moz-animation: martopfu 1s;
	-webkit-animation: martopfu 1s;
	-o-animation: martopfu 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.martopfuclaaa {
	animation: martopfuaa .5s;
	-moz-animation: martopfuaa .5s;
	-webkit-animation: martopfuaa .5s;
	-o-animation: martopfuaa .5s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes martopfu {
	0% {
		opacity: 0;
		margin-top: 3.125rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-webkit-keyframes martopfu {
	0% {
		opacity: 0;
		margin-top: 3.125rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-moz-keyframes martopfu {
	0% {
		opacity: 0;
		margin-top: 3.125rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-o-keyframes martopfu {
	0% {
		opacity: 0;
		margin-top: 3.125rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@keyframes martopfuaa {
	0% {
		opacity: 0;
		margin-top: 1.5625rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-webkit-keyframes martopfuaa {
	0% {
		opacity: 0;
		margin-top: 1.5625rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-moz-keyframes martopfuaa {
	0% {
		opacity: 0;
		margin-top: 1.5625rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-o-keyframes martopfuaa {
	0% {
		opacity: 0;
		margin-top: 1.5625rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

.kuang .year ul {
	height: 37.5rem;
	display: flex;
	flex-direction: column
}

.sjmx {
	width: 100%;
	/* background: url(../images/sjmxbg.65feb56e.png) 0 0 no-repeat; */
	background-size: 100% 100%;
	padding-top: .3125rem;
	margin-top: 2.8125rem
}

.about .mtab {
	margin-top: 3.125rem
}

.about .brandConcept .sjmx .founder .yishu {
	margin-top: 2.8125rem
}

.sjmx .movies {
	display: flex
}

.sjmx .movies ul {
	display: flex;
	width: 20.9375rem;
	flex: 1 20.9375rem;
	justify-content: space-between;
	flex-direction: column
}

.sjmx .movies ul li {
	width: 100%;
	height: 11.1rem
}

.sjmx .movies ul li img {
	width: 20.9375rem;
	height: 10.9375rem
}

.sjmx .movies video {
	width: 53.75rem;
	height: 33.125rem
}

.kjmx {
	position: relative;
	padding-bottom: 2.1875rem
}

.kjmx .kjmxtext {
	padding: 3.4375rem 21.25rem;
	border: .0625rem solid;
	display: inline-block;
	font-size: 1.5625rem
}

.kjmx .kjmxicon {
	position: absolute;
	width: 4.6875rem;
	height: 4.6875rem;
	border: .0625rem solid;
	border-radius: 100%;
	top: 2.34375rem;
	left: 50%;
	margin-left: -2.34375rem;
	background: #d2cdca;
	display: flex;
	align-items: center;
	text-align: center
}

.kjmx .kjmxicon img {
	margin-left: 19%
}

.shmx {
	/* background: #d2cdca; */
	padding-top: .3125rem;
	margin-top: 5rem;
	padding-bottom: 5rem
}

.about .brandConcept .shmx .founder .yishu {
	margin-top: 2.8125rem
}

.shmx .kjmx img {
	background: #d2cdca
}

.shmximg {
	width: 58.75rem;
	margin: 0 auto
}

.shmximg ul {
	display: flex;
	width: 100%;
	padding-top: .625rem
}

.shmximg ul li {
	width: 18.541656rem;
	flex: 1 18.541666rem
}

.shmximg img {
	width: 100%
}

.shmximg .gk {
	margin: 0 .625rem
}

.kjmxvideo {
	width: 75rem;
	margin: 0 auto
}

.shmxbigiamgbox {
	position: relative;
	width: 58.75rem;
	height: 39.375rem
}

.shmxbigiamgbox img {
	width: 58.75rem;
	height: 39.375rem;
	position: absolute;
	left: 0;
	top: 0;
	animation: homebrand 2s;
	-moz-animation: homebrand 2s;
	-webkit-animation: homebrand 2s;
	-o-animation: homebrand 2s;
	animation-fill-mode: forwards
}

.shmxbigiamgbox .shmxbigiamg {
	animation: homebrandani 2s;
	-moz-animation: homebrandani 2s;
	-webkit-animation: homebrandani 2s;
	-o-animation: homebrandani 2s;
	animation-fill-mode: forwards
}

.enterpriseDynamics_box {
	width: 75rem;
	margin: 5.9375rem auto 2.8125rem;
	overflow: hidden
}

.enterpriseDynamics_news {
	overflow: auto;
	width: 300rem
}

.enterpriseDynamics_news ul {
	/* width: 75rem; */
	float: left;
	display: flex
}

.enterpriseDynamics_news ul li {
	flex: 1 23.75rem;
	padding: .625rem
}

.enterpriseDynamics_news ul .title {
	text-align: left;
	font-size: 2.5rem;
	line-height: 12.5rem;
	position: relative
}

.enterpriseDynamics_news ul .title div {
	line-heigh: 28.125rem
}

.enterpriseDynamics_news ul li>p {
	font-size: 1rem;
	line-height: 3.75rem;
	text-align: left;
	padding-left: 1.875rem
}

.enterpriseDynamics_news ul .title p {
	font-size: .9375rem;
	border-bottom: .0625rem solid #000;
	display: inline-block;
	line-height: 1.875rem;
	padding-left: 0;
	position: absolute;
	left: .625rem;
	bottom: .625rem
}

.enterpriseDynamics_news ul li .newName {
	line-height: 2.1875rem;
	padding: 0 1.875rem;
	text-align: left;
	height: 6.5625rem
}

.enterpriseDynamics_news ul li .newMore {
	padding: 0 1.875rem;
	display: flex;
	line-height: 2.5rem
}

.enterpriseDynamics_news ul li .newMore span {
	font-size: .78125rem;
	color: #c5c2c1;
	text-align: left;
	flex: 1 50%
}

.enterpriseDynamics_news ul li .newMore button {
	flex: 1 50%;
	border: .0625rem solid #000;
	background: #fff;
	cursor: pointer;
	width: 10rem;
	line-height: 2.5rem
}

.enterpriseDynamics_news ul li .newMore button:hover,
.enterpriseDynamics_news ul li .newMore button a:hover {
	color: #fff;
	border-color: rgba(0, 0, 0, .43137254901960786);
	animation: morehoverh 1s;
	-moz-animation: morehoverh 1s;
	-webkit-animation: morehoverh 1s;
	-o-animation: morehoverh 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.enterpriseDynamics_news ul li .newMore button a:hover {
	line-height: 2.5rem
}

.newswi {
	width: 75rem;
	margin: 5rem auto;
	height: .0625rem;
	background: #000;
	position: relative
}

.newswi .left {
	padding: 0 .9375rem;
	height: 1.5625rem;
	text-align: center;
	position: absolute;
	left: 0;
	top: -.78125rem;
	cursor: pointer
}

.newswi .left p {
	width: .0625rem;
	height: 1.5625rem;
	background: #000
}

.newswi .right {
	padding: 0 .9375rem;
	height: 1.5625rem;
	text-align: center;
	position: absolute;
	right: 0;
	top: -.78125rem;
	cursor: pointer
}

.newswi .right p {
	width: .0625rem;
	height: 1.5625rem;
	background: #000
}

.newswi .center ul {
	overflow: hidden;
	padding: 0 .9375rem;
	background: #fff;
	display: inline-block;
	margin-top: -.78125rem
}

.newswi .center ul li {
	float: left;
	width: 2.8125rem;
	line-height: 1.5625rem;
	cursor: pointer
}

.newswi .center ul li.active {
	color: #f08158
}

.newswi .center ul li .no {
	display: block
}

.newswi .center ul li.active .no,
.newswi .center ul li .yes {
	display: none
}

.newswi .center ul li.active .yes {
	display: block
}

.tran {
	transition: all 2s
}

.qiyehuo ul .title {
	text-align: right
}

.qiyehuo ul .title p {
	left: auto;
	right: .625rem
}

.case .switeName {
	position: absolute;
	left: 0
}

.case .switeName .switeNameBox div.midle {
	height: auto;
	margin-bottom: 0
}

.case .switeName .switeNameBox div.midle p {
	width: 100%;
	height: auto;
	background: no-repeat;
	font-size: 3.125rem;
	font-weight: 100
}

.case .switeName .switeNameBox div.midle span {
	font-weight: 700;
	padding-top: 1.5625rem;
	display: block
}

.case .more {
	padding: .9375rem 5.625rem;
	margin-top: 8.4375rem;
	display: inline-block;
	font-size: 1rem
}

.case .more:hover {
	color: #fff;
	border-color: #f4a452
}

.caseNav {
	width: 100%;
	display: flex;
	background: #b5ad9d
}

.caseNav div {
	width: 50%;
	flex: 1 50%;
	line-height: 3.75rem;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.caseNav div.avtive {
	color: #f4a452
}

.case .spaceCustomization p {
	padding-bottom: 0;
	text-align: center
}

.jiax img {
	width: 100%
}

.case .enterpriseDynamics_news ul {
	flex-wrap: wrap;
	align-items: center
}

.case .enterpriseDynamics_news ul li {
	flex: 1 49%;
	width: 50%;
	padding: .5%
}

.case .enterpriseDynamics_news ul li.first {
	width: 100%;
	flex: 1 100%
}

.case .enterpriseDynamics_news ul li>div {
	position: relative
}

.case .enterpriseDynamics_news ul li>div p {
	bottom: 0;
	color: #fff;
	line-height: 2rem;
	text-align: left;
	text-indent: .9375rem
}

.case .enterpriseDynamics_news ul li>div p,
.case .moreJiax {
	position: absolute;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, .43137254901960786)
}

.case .moreJiax {
	height: 100%;
	top: 0;
	text-align: center;
	display: block;
	animation: kjdzhomeDecorationMaska 1s;
	-moz-animation: kjdzhomeDecorationMaska 1s;
	-webkit-animation: kjdzhomeDecorationMaska 1s;
	-o-animation: kjdzhomeDecorationMaska 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.case .moreJiax div {
	color: #fff;
	border: .0625rem solid #fff;
	display: inline-block;
	padding: 1.25rem 7.8125rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9.375rem;
	margin-top: -1.5625rem;
	cursor: pointer
}

.case .moreJiax div:hover {
	color: #fff;
	border-color: rgba(0, 0, 0, .43137254901960786);
	animation: morehover 1s;
	-moz-animation: morehover 1s;
	-webkit-animation: morehover 1s;
	-o-animation: morehover 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}


.case .moreJiaxmouse {
	display: none;
	animation: kjdzbackgroundania 1s;
	-moz-animation: kjdzbackgroundania 1s;
	-webkit-animation: kjdzbackgroundania 1s;
	-o-animation: kjdzbackgroundania 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.case .jiax:hover .moreJiaxmouse {
	display: block;
}

.case .homeDecorationMask {
	background: none
}

.case .shopx {
	width: 75rem;
	margin: 3.125rem auto 0
}

.case .shopx ul {
	display: flex;
	flex-wrap: wrap
}

.case .shopx ul li {
	width: 50%;
	flex: 1 49%;
	padding: .5%;
	cursor: pointer
}

.case .shopx ul li img {
	width: 100%;
	height: 100%
}

.case .mtn {
	margin-top: 0
}

.newlix {
	width: 75rem;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 5.9375rem
}

.newlix .title {
	width: 23.75rem;
	float: left;
	text-align: left;
	font-size: 2.5rem;
	line-height: 12.5rem;
	position: relative;
	padding: .625rem;
	height: 30.625rem
}

.newlix .title p {
	font-size: .9375rem;
	border-bottom: .0625rem solid #000;
	display: inline-block;
	line-height: 1.875rem;
	padding-left: 0;
	position: absolute;
	left: .625rem;
	bottom: .625rem
}

.newlix .enterpriseDynamics_box {
	width: 50rem;
	float: left;
	margin-top: 0
}

.newlix .enterpriseDynamics_news ul {
	width: 50rem
}

.huodongx {
	padding-top: 0
}

.huodongx .title {
	height: 25.9375rem;
	text-align: right
}

.huodongx .title p {
	right: 0;
	left: auto
}

.case .shopx ul li.scale {
	transition: all 2s
}

.case .shopx ul li.scale div {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999999999;
	background: rgba(0, 0, 0, .6);
	height: 100%;
	display: flex
}

.case .shopx ul li.scale img {
	transform: scale(.9);
	height: auto;
	align-items: center
}

.touxian {
	position: fixed;
	left: 0;
	top: 0;
	bottom: auto;
	z-index: 999;
	background: #000
}

@keyframes touxianxiaani {
	0% {
		margin-top: 0
	}

	to {
		margin-top: 5.1875rem
	}
}

@-webkit-keyframes touxianxiaani {
	0% {
		margin-top: 0
	}

	to {
		margin-top: 5.1875rem
	}
}

@-moz-keyframes touxianxiaani {
	0% {
		margin-top: 0
	}

	to {
		margin-top: 5.1875rem
	}
}

@-o-keyframes touxianxiaani {
	0% {
		margin-top: 0
	}

	to {
		margin-top: 5.1875rem
	}
}

@keyframes touxianshangani {
	0% {
		margin-top: 5.1875rem
	}

	to {
		margin-top: 0
	}
}

@-webkit-keyframes touxianshangani {
	0% {
		margin-top: 5.1875rem
	}

	to {
		margin-top: 0
	}
}

@-moz-keyframes touxianshangani {
	0% {
		margin-top: 5.1875rem
	}

	to {
		margin-top: 0
	}
}

@-o-keyframes touxianshangani {
	0% {
		margin-top: 5.1875rem
	}

	to {
		margin-top: 0
	}
}

.brandConcept .brandProfile_introduce {
	text-align: center
}

.spaceCustomization p.jijian {
	font-size: 1.5625rem;
	text-align: center;
	padding-bottom: 0
}

video {
	width: 100%;
	height: 100%;
	object-fit: fill
}

.about .brandConcept .founder {
	padding-top: 0
}

.about .brandConcept .founder .yishu {
	margin-top: 5.9375rem
}

.brandConcept .movies {
	padding-top: 3.3125rem
}

.duijie .enterpriseDynamics_news ul {
	width: 25rem
}

.duijie .enterpriseDynamics_box {
	margin-bottom: 0
}

.duijie .enterpriseDynamics_news ul li>p {
	height: 3.75rem
}

.duijie .huodongx .title,
.duijie .newlix .title {
	height: 28.375rem
}

.duijie .enterpriseDynamics_news ul li img {
	width: 23.375rem;
	height: 15.375rem
}

.newlix .title p {
	color: #f08158;
	border-bottom: .0625rem solid #f08158
}

.about .founder {
	padding-top: 3.75rem
}

.about .founder .yishuani {
	margin: 18 auto 0;
	height: 1.5625rem
}

.about .jiaolian {
	bottom: -3.21875rem
}

.about .brandConcept .brandProfile_introduce {
	padding-top: 8.125rem;
	white-space: normal;
}

.kitchenWap .spaceCustomization p[data-v-76696424] {
	margin: 0 auto;
	white-space: pre-line
}

.hsct .dingwei .dingweia[data-v-76696424] {
	left: 25%;
	top: 51%
}

.hsct .dingwei .dingweib[data-v-76696424] {
	left: 30%;
	top: 34%
}

.hsct .dingwei .dingweic[data-v-76696424] {
	left: 48%;
	top: 30%
}

.hsct .dingwei .dingweid[data-v-76696424] {
	left: 52%;
	top: 45%
}

.hsct .dingwei .dingweie[data-v-76696424] {
	left: 58%;
	top: 61%
}

.kitchenWap .dwzhankai ul[data-v-76696424] {
	width: 54.6875rem;
	height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-76696424] {
	width: 25rem;
	height: 22.03125rem;
	margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-76696424] {
	font-size: 1.875rem;
	padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-76696424] {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle[data-v-76696424] {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-76696424] {
	left: 29.5%;
	top: 44%
}

.cfct .dingwei .dingweib[data-v-76696424] {
	left: 39%;
	top: 24%
}

.cfct .dingwei .dingweic[data-v-76696424] {
	left: 50%;
	top: 74%
}

.fcscf .dingwei .dingweia[data-v-76696424] {
	left: 34%;
	top: 46%
}

.fcscf .dingwei .dingweib[data-v-76696424] {
	left: 39.6%;
	top: 86%
}

.fcscf .dingwei .dingweic[data-v-76696424] {
	left: 50%;
	top: 73%
}

.kitchenWap .spaceCustomization p[data-v-78b5d994] {
	margin: 0 auto;
	white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-78b5d994] {
	left: 22.5%;
	top: 61%
}

.hsct .dingwei .dingweib[data-v-78b5d994] {
	left: 25%;
	top: 37.5%
}

.hsct .dingwei .dingweic[data-v-78b5d994] {
	left: 29.5%;
	top: 69%
}

.hsct .dingwei .dingweid[data-v-78b5d994] {
	left: 51%;
	top: 61%
}

.hsct .dingwei .dingweie[data-v-78b5d994] {
	left: 69.5%;
	top: 59%
}

.kitchenWap .dwzhankai ul[data-v-78b5d994] {
	width: 54.6875rem;
	height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-78b5d994] {
	width: 25rem;
	height: 22.03125rem;
	margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-78b5d994] {
	font-size: 1.875rem;
	padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-78b5d994] {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle[data-v-78b5d994] {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-78b5d994] {
	left: 33.2%;
	top: 71%
}

.cfct .dingwei .dingweib[data-v-78b5d994] {
	left: 42.5%;
	top: 65%
}

.cfct .dingwei .dingweic[data-v-78b5d994] {
	left: 87%;
	top: 31%
}

.fcscf .dingwei .dingweia[data-v-78b5d994] {
	left: 51%;
	top: 58%
}

.fcscf .dingwei .dingweib[data-v-78b5d994] {
	left: 60.6%;
	top: 21%
}

.fcscf .dingwei .dingweic[data-v-78b5d994] {
	left: 75.6%;
	top: 61%
}

.kitchenWap .spaceCustomization p[data-v-419d963a] {
	margin: 0 auto;
	white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-419d963a] {
	left: 42.5%;
	top: 38.5%
}

.hsct .dingwei .dingweib[data-v-419d963a] {
	left: 54.5%;
	top: 16.5%
}

.hsct .dingwei .dingweic[data-v-419d963a] {
	left: 68.5%;
	top: 18%
}

.kitchenWap .dwzhankai ul[data-v-419d963a] {
	width: 54.6875rem;
	height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-419d963a] {
	width: 25rem;
	height: 22.03125rem;
	margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-419d963a] {
	font-size: 1.875rem;
	padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-419d963a] {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle[data-v-419d963a] {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-419d963a] {
	left: 17%;
	top: 41.4%
}

.cfct .dingwei .dingweib[data-v-419d963a] {
	left: 69.6%;
	top: 59.5%
}

.cfct .dingwei .dingweic[data-v-419d963a] {
	left: 78.9%;
	top: 69%
}

.kitchenWap .spaceCustomization p[data-v-468b8e8a] {
	margin: 0 auto;
	white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-468b8e8a] {
	left: 15.5%;
	top: 49.5%
}

.hsct .dingwei .dingweib[data-v-468b8e8a] {
	left: 31.5%;
	top: 33%
}

.hsct .dingwei .dingweic[data-v-468b8e8a] {
	left: 46%;
	top: 37%
}

.hsct .dingwei .dingweid[data-v-468b8e8a] {
	left: 62%;
	top: 67%
}

.kitchenWap .dwzhankai ul[data-v-468b8e8a] {
	width: 54.6875rem;
	height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-468b8e8a] {
	width: 25rem;
	height: 22.03125rem;
	margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-468b8e8a] {
	font-size: 1.875rem;
	padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-468b8e8a] {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle[data-v-468b8e8a] {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-468b8e8a] {
	left: 16%;
	top: 14%
}

.cfct .dingwei .dingweib[data-v-468b8e8a] {
	left: 27.5%;
	top: 49%
}

.cfct .dingwei .dingweic[data-v-468b8e8a] {
	left: 39%;
	top: 52%
}

.cfct .dingwei .dingweid[data-v-468b8e8a] {
	left: 55%;
	top: 45%
}

.cfct .dingwei .dingweie[data-v-468b8e8a] {
	left: 63.5%;
	top: 30%
}

.fcscf .dingwei .dingweia[data-v-468b8e8a] {
	left: 17.5%;
	top: 16%
}

.fcscf .dingwei .dingweib[data-v-468b8e8a] {
	left: 49%;
	top: 44%
}

.fcscfa .dingwei .dingweia[data-v-468b8e8a] {
	left: 28%;
	top: 47%
}

.fcscfa .dingwei .dingweib[data-v-468b8e8a] {
	left: 62%;
	top: 43%
}

.fcscfa .dingwei .dingweic[data-v-468b8e8a] {
	left: 81%;
	top: 67%
}

.kitchenWap .spaceCustomization p[data-v-773d9300] {
	margin: 0 auto;
	white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-773d9300] {
	left: 36%;
	top: 47.5%
}

.hsct .dingwei .dingweib[data-v-773d9300] {
	left: 41.5%;
	top: 4%
}

.hsct .dingwei .dingweic[data-v-773d9300] {
	left: 55.5%;
	top: 57%
}

.hsct .dingwei .dingweid[data-v-773d9300] {
	left: 69%;
	top: 60.5%
}

.kitchenWap .dwzhankai ul[data-v-773d9300] {
	width: 54.6875rem;
	height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-773d9300] {
	width: 25rem;
	height: 22.03125rem;
	margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-773d9300] {
	font-size: 1.875rem;
	padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-773d9300] {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle[data-v-773d9300] {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.kitchenWap .spaceCustomization p[data-v-4dab4d14] {
	margin: 0 auto;
	white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-4dab4d14] {
	left: 4%;
	top: 67.5%
}

.hsct .dingwei .dingweib[data-v-4dab4d14] {
	left: 5.5%;
	top: 84%
}

.hsct .dingwei .dingweic[data-v-4dab4d14] {
	left: 11.5%;
	top: 30%
}

.kitchenWap .dwzhankai ul[data-v-4dab4d14] {
	width: 54.6875rem;
	height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-4dab4d14] {
	width: 25rem;
	height: 22.03125rem;
	margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-4dab4d14] {
	font-size: 1.875rem;
	padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-4dab4d14] {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle[data-v-4dab4d14] {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.kitchenWap .spaceCustomization p[data-v-593aecac] {
	margin: 0 auto;
	white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-593aecac] {
	left: 22%;
	top: 30.5%
}

.hsct .dingwei .dingweib[data-v-593aecac] {
	left: 23.5%;
	top: 57%
}

.kitchenWap .dwzhankai ul[data-v-593aecac] {
	width: 54.6875rem;
	height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-593aecac] {
	width: 25rem;
	height: 22.03125rem;
	margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-593aecac] {
	font-size: 1.875rem;
	padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-593aecac] {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle[data-v-593aecac] {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.space {
	display: flex;
	color: #fff;
	padding-top: 18%
}

.space div {
	flex: 1;
	cursor: pointer
}

.space div img {
	width: 2.1875rem;
	margin: 0 auto
}

.space div a p {
	padding-top: .9375rem
}


.productnav .space .spaceActiv a p {
	color: #e58c31
}

.space .spaceimg {
	display: block
}

.space .spaceimgActive {
	display: none
}

.spaceActiv .spaceimgActive {
	display: block
}

.spaceActiv .spaceimg {
	display: none
}

.moreBut {
	width: 26%;
	text-align: center;
	border: .0625rem solid #000;
	margin: 0 auto 4%;
	padding: 1.5% 0;
	cursor: pointer;
	color: #000
}

.moreBut:hover {
	color: #fff;
	border-color: rgba(0, 0, 0, .43137254901960786);
	animation: morehoverh 1s;
	-moz-animation: morehoverh 1s;
	-webkit-animation: morehoverh 1s;
	-o-animation: morehoverh 1s;
	animation-fill-mode: forwards
}

.kjdz ul li.midl p {
	padding-top: 3.125rem
}

.product .homeDecorationMask {
	background: none
}

.livingRoomWap .homeDecoration {
	height: 44.375rem;
	position: relative
}

.livingRoomWap .homeDecoration img {
	height: 44.375rem
}

.dingwei {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2.8125rem;
	color: #fff;
	animation: kjdzhomeDecorationMask 1s;
	-moz-animation: kjdzhomeDecorationMask 1s;
	-webkit-animation: kjdzhomeDecorationMask 1s;
	-o-animation: kjdzhomeDecorationMask 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.dingweishow {
	animation: kjdzbackgroundani 1s;
	-moz-animation: kjdzbackgroundani 1s;
	-webkit-animation: kjdzbackgroundani 1s;
	-o-animation: kjdzbackgroundani 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.dingwei>div {
	width: 2.8125rem;
	height: 2.8125rem;
	cursor: pointer;
	position: absolute
}

.dingwei .dingweidneg {
	left: 68.4375rem;
	top: 3.375rem
}

.dingwei .dingweizhipin {
	left: 56.5625rem;
	top: 13.4375rem
}

.dingwei .dingweiyinxiang {
	left: 27.8125rem;
	top: 290
}

.dingwei .dingweishafa {
	left: 370;
	top: 32.1875rem
}

.dingwei .dingweishafaa {
	left: 56%;
	top: 88%
}

.dwzhankai {
	width: 100%;
	height: 44.375rem;
	position: absolute;
	top: 0;
	left: 0
}

.dwzhankai ul {
	width: 100%;
	display: flex
}

.dwzhankai ul li {
	width: 50%;
	flex: 1 50%;
	background: #4c413d;
	color: #fff;
	text-align: left
}

.dwzhankai ul li p {
	width: 25rem;
	font-size: 1.125rem;
	line-height: 1.5;
	padding-left: 22.1875rem;
	padding-top: 3.75rem;
	height: 16.25rem
}

.dwzhankai ul li div {
	font-size: 3rem;
	padding-top: 7.1875rem;
	padding-left: 22.1875rem
}

.dwzhankai ul li button {
	cursor: pointer;
	font-size: 1.125rem;
	padding: 1.5625rem 8.125rem;
	background: none;
	border: .0625rem solid #fff;
	color: #fff;
	margin-left: 22.1875rem
}

.dwzhankai ul li img {
	width: 100%;
	height: 100%
}

.founder ul.kala {
	width: 46.875rem;
	margin: 0 auto
}

.livingRoomWap .founder .kalashu {
	height: 15rem;
	background: #000;
	margin: 3.125rem auto
}

.founder .kalajinx li {
	width: 49%;
	flex: 1 49%;
	padding: .5%;
	cursor: pointer;
	position: relative
}

.founder .kalajinx {
	flex-wrap: wrap
}

.founder .kalajinx li img {
	margin: 0;
	transform: none;
	width: 100%;
	height: 33.125rem
}

.founder .kalajinx li>div {
	position: absolute;
	width: 98%;
	height: 18.75rem;
	left: 1%;
	top: 1%;
	color: #fff;
	padding-top: 14.375rem;
	animation: kjdzhomeDecorationMask 1s;
	-moz-animation: kjdzhomeDecorationMask 1s;
	-webkit-animation: kjdzhomeDecorationMask 1s;
	-o-animation: kjdzhomeDecorationMask 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.founder .kalajinx li.kalajinxenter>div {
	animation: kjdzbackgroundani 1s;
	-moz-animation: kjdzbackgroundani 1s;
	-webkit-animation: kjdzbackgroundani 1s;
	-o-animation: kjdzbackgroundani 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.founder .kalajinx li>div p {
	text-align: center;
	padding: 0;
	font-size: 1rem
}

.productnav {
	width: 100%;
	text-align: center;
	padding: 0.5rem 0;
	background: #b5ad9d
}

.productnavTop {
	position: fixed;
	bottom: inherit;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8901960784313725);
	z-index: 99
}

@keyframes productnavTopaa {
	0% {
		top: 0
	}

	to {
		top: 5.1875rem
	}
}

@-webkit-keyframes productnavTopaa {
	0% {
		top: 0
	}

	to {
		top: 5.1875rem
	}
}

@-moz-keyframes productnavTopaa {
	0% {
		top: 0
	}

	to {
		top: 5.1875rem
	}
}

@-o-keyframes productnavTopaa {
	0% {
		top: 0
	}

	to {
		top: 5.1875rem
	}
}

@keyframes productnavTopbb {
	0% {
		top: 5.1875rem
	}

	to {
		top: 0
	}
}

@-webkit-keyframes productnavTopbb {
	0% {
		top: 5.1875rem
	}

	to {
		top: 0
	}
}

@-moz-keyframes productnavTopbb {
	0% {
		top: 5.1875rem
	}

	to {
		top: 0
	}
}

@-o-keyframes productnavTopbb {
	0% {
		top: 5.1875rem
	}

	to {
		top: 0
	}
}

.productnavtopling {
	top: 0
}

.product .spaceCustomization img.pbanner {
	width: 100%;
	height: 45rem
}

#app .product .kjjianjie p {
	padding-bottom: 0
}

.zhanheight {
	height: 2rem
}

.kitchenDetails .founder img {
	width: 3.125rem;
	height: 3.125rem;
	transform: none
}

.kitchenDetails .founder ul p {
	text-align: center;
	line-height: 2;
	padding-top: .625rem
}

.kitchenDetails .founder .beijing {
	padding-bottom: 6.25rem
}

.kjdetails {
	width: 39.0625rem;
	margin: 0 auto;
	overflow: hidden
}

.kjdetails>div {
	width: 40%;
	float: left;
	border: .0625rem solid #000;
	cursor: pointer;
	color: #000;
	padding: 2% 0
}

.kjdetails>div.active {
	border: .0625rem solid #c7a585;
	color: #c7a585
}

.kjdetails>div.kjdetailsright {
	float: right
}

.kitchenDetails .founder .yishu {
	margin-top: 3%;
	margin-bottom: 2%
}

.cfkjystitle {
	font-size: 1.875rem;
	width: 75rem;
	margin: 0 auto;
	position: relative
}

.cfkjystitle div {
	width: 28.125rem;
	margin: 0 auto;
	background: #fff
}

.cfkjystitle p {
	border-bottom: .0625rem solid #000;
	position: absolute;
	left: 0;
	width: 100%;
	top: 52%;
	z-index: -1565
}

.cfkjcont {
	width: 75rem;
	margin: 2.1875rem auto 0
}

.cfkjcont ul {
	width: 100%;
	display: flex;
	align-content: center
}

.cfkjcont ul li {
	flex: 1;
	cursor: pointer
}

.cfkjcont ul li.active img {
	border: .0625rem solid #c7a585
}

.cfkjcont ul li p {
	font-size: .75rem;
	line-height: 2
}

.cfkjcont ul li img {
	width: 3.125rem;
	height: 3.125rem
}

.cfkjysbigimg {
	margin: 2.8125rem 0
}

.cfkjysbigimg img {
	width: 100%
}

.spacelunimg {
	width: 75rem;
	margin: 0 auto
}

.chufangxbanner img,
.spacelunimg img {
	width: 100%
}

.homeDecorationCenten {
	position: relative
}

.christophBrand .productnav {
	width: 100%;
	text-align: center
}

.productnav .space {
	width: 75rem;
	margin: 0 auto;
	padding-top: 0
}

.productnav .space div p {
	text-align: center;
	padding-bottom: 0;
	color: #fff;
}

.christophBrand .productnavTop {
	position: fixed;
	bottom: inherit;
	top: 0;
	left: 0;
	background: rgb(0 0 0/90%);
	z-index: 999
}

.dajijunav div img {
	width: 2.1875rem
}

.christophBrand .spaceCustomization p {
	text-align: center;
	padding-bottom: 0
}

.margintopt {
	margin-top: 3%
}

.christophBrand .zhontu img {
	width: 100%;
	transform: none;
	margin-top: 1.5625rem
}

.christophBrand .enterpriseDynamics_box {
	width: 100%;
	/*height: 56.25rem*/
}

.christophBrand .enterpriseDynamics_news ul {
	max-width: 100%
}

.christophBrand .enterpriseDynamics_news ul li {
	width: 100%;
	flex: 1 100%;
	margin: 0;
	padding: 0
}

.christophBrand .enterpriseDynamics_news ul li img {
	width: 100%
}

.germanBox {
	width: 100%;
	height: 32.5rem;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	overflow: hidden
}

.germanBox ul li {
	width: 75rem;
	margin: 0 auto;
	display: flex
}

.germanBox ul li>div {
	width: 37.5rem;
	height: 32.5rem;
	flex: 1 37.5rem
}

.germanBox ul li>div img {
	width: 100%;
	height: 32.5rem
}

.germanBox ul li>div p {
	width: 100%;
	text-align: center;
	font-size: 3.125rem;
	font-weight: 100;
	color: #4c413d;
	line-height: 3.75rem;
	height: 11.25rem;
	overflow: hidden;
	padding-top: 2.8125rem
}

.germanBox ul li>div p span {
	display: block
}

.germanimg-move {
	transition: all .5s
}

.product .productkjdz ul li {
	padding-top: 7.5rem;
	cursor: pointer
}

.product .productkjdz ul li div {
	color: #fff !important
}

.product .productkjdz ul li p {
	display: none;
	color: #fff !important
}

.product .productkjdz ul li.midl p {
	display: block;
	margin-top: .625rem;
	color: #fff !important
}

.product .productkjdz ul li.midl {
	border-bottom: none;
	flex: 4;
	font-size: 2.5em;
	padding-top: 3.75rem;
	overflow: initial;
	color: #fff !important
}

.product .productkjdz ul li.midl>div {
	letter-spacing: .625rem
}

.product .productkjdz ul li.left {
	text-align: left;
	font-size: 1.5rem;
}

.product .productkjdz ul li.right {
	text-align: right;
	font-size: 1.5rem;
}

.product .homeDecorationCenten ul {
	padding-top: 9.375rem
}

.positre {
	position: relative
}

.positre .switeName {
	position: absolute;
	left: 0;
	top: 23.4375rem
}

@keyframes kjdzleftani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem;
		opacity: 0
	}

	50.1% {
		left: 12.5rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-webkit-keyframes kjdzleftani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem;
		opacity: 0
	}

	50.1% {
		left: 12.5rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-moz-keyframes kjdzleftani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem;
		opacity: 0
	}

	50.1% {
		left: 12.5rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-o-keyframes kjdzleftani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem;
		opacity: 0
	}

	50.1% {
		left: 12.5rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@keyframes kjdzrightani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

@-webkit-keyframes kjdzrightani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

@-moz-keyframes kjdzrightani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

@-o-keyframes kjdzrightani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

@keyframes kjdzmidleani {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@-webkit-keyframes kjdzmidleani {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@-moz-keyframes kjdzmidleani {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@-o-keyframes kjdzmidleani {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@keyframes kjdzmidleanir {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@-webkit-keyframes kjdzmidleanir {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@-moz-keyframes kjdzmidleanir {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@-o-keyframes kjdzmidleanir {
	0% {
		left: 7.8125rem;
		opacity: 1
	}

	50% {
		left: 0;
		opacity: 0
	}

	50.1% {
		left: 15.625rem;
		opacity: 0
	}

	to {
		left: 7.8125rem;
		opacity: 1
	}
}

@keyframes pkjdzmidleani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-webkit-keyframes pkjdzmidleani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-moz-keyframes pkjdzmidleani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-o-keyframes pkjdzmidleani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@keyframes pkjdzmidleanir {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-webkit-keyframes pkjdzmidleanir {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-moz-keyframes pkjdzmidleanir {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-o-keyframes pkjdzmidleanir {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -18.75rem;
		opacity: 0
	}

	50.1% {
		left: 18.75rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@keyframes kjdzmrtyani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem;
		opacity: 0
	}

	50.1% {
		left: 12.5rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-webkit-keyframes kjdzmrtyani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem;
		opacity: 0
	}

	50.1% {
		left: 12.5rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-moz-keyframes kjdzmrtyani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem
	}

	50.1% {
		left: 12.5rem;
		opacity: 1
	}

	to {
		left: 0
	}
}

@-o-keyframes kjdzmrtyani {
	0% {
		left: 0;
		opacity: 1
	}

	50% {
		left: -12.5rem;
		opacity: 0
	}

	50.1% {
		left: 12.5rem;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@keyframes kjdzmltyani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

@-webkit-keyframes kjdzmltyani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

@-moz-keyframes kjdzmltyani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

@-o-keyframes kjdzmltyani {
	0% {
		right: 0;
		opacity: 1
	}

	50% {
		right: 12.5rem;
		opacity: 0
	}

	50.1% {
		right: -12.5rem;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}

.kjdz ul.kjdzanimaleft li.left div div {
	animation: kjdzleftani 2s;
	-moz-animation: kjdzleftani 2s;
	-webkit-animation: kjdzleftani 2s;
	-o-animation: kjdzleftani 2s;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.left div div {
	animation: kjdzmrtyani 2s;
	-moz-animation: kjdzmrtyani 2s;
	-webkit-animation: kjdzmrtyani 2s;
	-o-animation: kjdzmrtyani 2s;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaleft li.right div div {
	animation: kjdzmltyani 2s;
	-moz-animation: kjdzmltyani 2s;
	-webkit-animation: kjdzmltyani 2s;
	-o-animation: kjdzmltyani 2s;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.right div div {
	animation: kjdzrightani 2s;
	-moz-animation: kjdzrightani 2s;
	-webkit-animation: kjdzrightani 2s;
	-o-animation: kjdzrightani 2s;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.midl>div div {
	animation: kjdzmidleanir 2s;
	-moz-animation: kjdzmidleanir 2s;
	-webkit-animation: kjdzmidleanir 2s;
	-o-animation: kjdzmidleanir 2s;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaleft li.midl>div div {
	animation: kjdzmidleani 2s;
	-moz-animation: kjdzmidleani 2s;
	-webkit-animation: kjdzmidleani 2s;
	-o-animation: kjdzmidleani 2s;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.midl>div p {
	animation: pkjdzmidleanir 2s;
	-moz-animation: pkjdzmidleanir 2s;
	-webkit-animation: pkjdzmidleanir 2s;
	-o-animation: pkjdzmidleanir 2s;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaleft li.midl>div p {
	animation: pkjdzmidleani 2s;
	-moz-animation: pkjdzmidleani 2s;
	-webkit-animation: pkjdzmidleani 2s;
	-o-animation: pkjdzmidleani 2s;
	-webkit-animation-timing-function: ease-in-out
}

.logovideo {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999999999
}

.logovideo .logoload {
	width: 10.8125rem;
	height: 8.125rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -4.0625rem;
	margin-left: -5.40625rem
}

.logovideo .logoloadbg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0;
	animation: logovideoimg 4s;
	-moz-animation: logovideoimg 4s;
	-webkit-animation: logovideoimg 4s;
	-o-animation: logovideoimg 4s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes logovideoimg {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(1.1)
	}
}

@-webkit-keyframes logovideoimg {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(1.1)
	}
}

@-moz-keyframes logovideoimg {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(1.1)
	}
}

@-o-keyframes logovideoimg {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(1.1)
	}
}

.logovideodan {
	animation: logovideodani 1s;
	-moz-animation: logovideodani 1s;
	-webkit-animation: logovideodani 1s;
	-o-animation: logovideodani 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes logovideodani {
	0% {
		opacity: 1;
		z-index: 99999
	}

	to {
		opacity: 0;
		z-index: -1
	}
}

@-webkit-keyframes logovideodani {
	0% {
		opacity: 1;
		z-index: 99999
	}

	to {
		opacity: 0;
		z-index: -1
	}
}

@-moz-keyframes logovideodani {
	0% {
		opacity: 1;
		z-index: 99999
	}

	to {
		opacity: 0;
		z-index: -1
	}
}

@-o-keyframes logovideodani {
	0% {
		opacity: 1;
		z-index: 99999
	}

	to {
		opacity: 0;
		z-index: -1
	}
}

.case .homefounder {
	margin-top: 7.8125rem;
	opacity: 0;
	animation: homehomefounder 2s;
	-moz-animation: homehomefounder 2s;
	-webkit-animation: homehomefounder 2s;
	-o-animation: homehomefounder 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.case .storeDisplay ul {
	position: absolute;
	left: 50%;
	margin-left: -26.875rem;
	bottom: 91%;
	padding-top: 0;
	margin-top: 0;
	line-height: 2rem;
	margin-bottom: -1rem;
	padding-bottom: 0
}

.switeName {
	padding: 0
}

.storeDisplay .more {
	position: absolute;
	left: 50%;
	bottom: 44%;
	margin-bottom: -1.9375rem;
	margin-left: -10.1875rem
}

.cases .storeDisplay .more {
	bottom: -6.25rem;
	width: 20.8125rem;
	padding: 0
}

.case .kjdz ul {
	padding-top: 10.3125rem
}

.case .jianbianh {
	animation: hometopanimafounder 2s;
	-moz-animation: hometopanimafounder 2s;
	-webkit-animation: hometopanimafounder 2s;
	-o-animation: hometopanimafounder 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.case .kjdz ul li.midl>div {
	height: 5.625rem;
	position: relative
}

.case .kjdz ul li.midl div div {
	position: absolute;
	left: 7.8125rem;
	top: 0;
	width: 12.5rem
}

.case .kjdz ul li.midl p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.kjdz .homeDecorationMask {
	animation: kjdzhomeDecorationMaska 2s;
	-moz-animation: kjdzhomeDecorationMaska 2s;
	-webkit-animation: kjdzhomeDecorationMaska 2s;
	-o-animation: kjdzhomeDecorationMaska 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz .spaceCustomization {
	position: absolute;
	left: 0;
	right: 0;

}

.jianbianq .homespanceheight {
	margin-bottom: 4.6875rem;
}

.kjdz .backgroundani {
	animation: kjdzbackgroundania 2s;
	-moz-animation: kjdzbackgroundania 2s;
	-webkit-animation: kjdzbackgroundania 2s;
	-o-animation: kjdzbackgroundania 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes kjdzbackgroundani {
	0% {
		background: none;
		opacity: 0
	}

	to {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}
}

@-webkit-keyframes kjdzbackgroundani {
	0% {
		background: none;
		opacity: 0
	}

	to {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}
}

@-moz-keyframes kjdzbackgroundani {
	0% {
		background: none;
		opacity: 0
	}

	to {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}
}

@-o-keyframes kjdzbackgroundani {
	0% {
		background: none;
		opacity: 0
	}

	to {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}
}

@keyframes kjdzhomeDecorationMask {
	0% {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}

	to {
		background: none;
		opacity: 0
	}
}

@-webkit-keyframes kjdzhomeDecorationMask {
	0% {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}

	to {
		background: none;
		opacity: 0
	}
}

@-moz-keyframes kjdzhomeDecorationMask {
	0% {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}

	to {
		background: none;
		opacity: 0
	}
}

@-o-keyframes kjdzhomeDecorationMask {
	0% {
		background: rgba(0, 0, 0, .4);
		opacity: 1
	}

	to {
		background: none;
		opacity: 0
	}
}

@keyframes kjdzbackgroundania {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

@-webkit-keyframes kjdzbackgroundania {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

@-moz-keyframes kjdzbackgroundania {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

@-o-keyframes kjdzbackgroundania {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

@keyframes kjdzhomeDecorationMaska {
	0% {
		background: rgba(0, 0, 0, .4)
	}

	to {
		background: none
	}
}

@-webkit-keyframes kjdzhomeDecorationMaska {
	0% {
		background: rgba(0, 0, 0, .4)
	}

	to {
		background: none
	}
}

@-moz-keyframes kjdzhomeDecorationMaska {
	0% {
		background: rgba(0, 0, 0, .4)
	}

	to {
		background: none
	}
}

@-o-keyframes kjdzhomeDecorationMaska {
	0% {
		background: rgba(0, 0, 0, .4)
	}

	to {
		background: none
	}
}

.case .switeName {
	padding: 0
}

.ditumendian .homeDecorationMask {
	animation: kjdzhomeDecorationMask 2s;
	-moz-animation: kjdzhomeDecorationMask 2s;
	-webkit-animation: kjdzhomeDecorationMask 2s;
	-o-animation: kjdzhomeDecorationMask 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.ditumendian .backgroundani {
	animation: kjdzbackgroundani 2s;
	-moz-animation: kjdzbackgroundani 2s;
	-webkit-animation: kjdzbackgroundani 2s;
	-o-animation: kjdzbackgroundani 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.case .brandBox {
	width: 75rem;
	position: relative;
	height: 45rem
}

.case .brand {
	position: absolute;
	left: 0;
	top: 0
}

.case .brand .brandtext {
	animation: homebrand 1s;
	-moz-animation: homebrand 1s;
	-webkit-animation: homebrand 1s;
	-o-animation: homebrand 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.case .brand img {
	animation: homebrand 2s;
	-moz-animation: homebrand 2s;
	-webkit-animation: homebrand 2s;
	-o-animation: homebrand 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.case .brandani .brandtext,
.case .brandani img {
	animation: homebrandani 2s;
	-moz-animation: homebrandani 2s;
	-webkit-animation: homebrandani 2s;
	-o-animation: homebrandani 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz .spaceCustomization {
	animation: homebrand 2s;
	-moz-animation: homebrand 2s;
	-webkit-animation: homebrand 2s;
	-o-animation: homebrand 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.kjdz .spaceCustomizationani {
	animation: homebrandani 2s;
	-moz-animation: homebrandani 2s;
	-webkit-animation: homebrandani 2s;
	-o-animation: homebrandani 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes homebrand {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes homebrand {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-moz-keyframes homebrand {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-o-keyframes homebrand {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes homebrandani {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes homebrandani {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes homebrandani {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-o-keyframes homebrandani {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.cases .ditumendian .switeName {
	background: none;
	bottom: 50%
}

.diannamezi {
	font-size: 1.875rem;
	position: absolute;
	width: 75rem;
	top: 41%;
	left: 0;
	line-height: 3.75rem;
	margin-top: -3.75rem
}

.diannamezi p {
	font-size: 2rem
}

.diannamezi span {
	font-size: 1.875rem
}

.xiangqingcase {
	position: absolute;
	width: 100%;
	bottom: 1.875rem;
	left: 0
}

.xiangqingcase span {
	padding-left: 1.5625rem
}

.pubuliu {
	width: 75rem
}

.pages {
	display: flex;
	justify-content: center;
	font-size: 1.625rem;
	padding-top: 2.5rem;
	border-bottom: .0625rem solid #000;
	width: 100%;
	margin: 2.5rem auto;
	position: relative;
	padding: 0
}

.pages div {
	cursor: pointer
}

.pages .prev {
	position: absolute;
	left: 0;
	top: -.75rem;
	width: 1.5625rem;
	height: 1.5625rem
}

.pages .prev p {
	width: .0625rem;
	background: #000;
	height: 1.5625rem;
	margin: 0 auto
}

.pages .next {
	position: absolute;
	right: 0;
	top: -.75rem;
	width: 1.5625rem;
	height: 1.5625rem
}

.pages .next p {
	width: .0625rem;
	background: #000;
	height: 1.5625rem;
	margin: 0 auto
}

.pages ul {
	display: flex;
	position: absolute;
	background: #fff;
	top: -.9375rem
}

.pages ul li {
	flex: 1;
	width: 1.875rem;
	height: 1.875rem;
	margin: 0 .625rem;
	line-height: 1.875rem;
	text-align: center;
	cursor: pointer;
	font-size: 1rem
}

.pages ul li.active {
	color: #c7a585
}

.mat0 {
	margin-bottom: 0
}

.pages ul li .gaoliang {
	display: none
}

.pages ul li.active .gaoliang,
.pages ul li .nogl {
	display: block
}

.pages ul li.active .nogl {
	display: none
}

.tuji {
	padding-top: 3.125rem
}

.cdbanner img {
	width: 100%
}

.details .tuji .switeName {
	position: static;
	color: #867f7d;
	font-size: 1rem;
	padding-top: 1.5625rem;
	padding-bottom: 3.125rem;
	background: none
}

.details .tuji .switeName .switeNameBox div {
	cursor: pointer
}

.details .tuji .switeName .switeNameBox div p {
	background: #000
}

.details .tuji .switeName .switeNameBox div.midle a {
	border-bottom: none
}

/* 
.tujiswiper ul {
	margin-left: -26.25rem
} */

.tuji .tujiHa ul li>div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 33.75rem;
	overflow: hidden
}

.tuji .tujiHa ul li img {
	width: auto;
	height: 100%
}

.tuji .tujiHa ul li img.addclissshiying {
	width: 100%;
	height: auto
}

.detailsCenter,
.detailsCenters,
.detailsName {
	width: 56.25rem;
	margin: 0 auto;
	text-align: justify;
	line-height: 2
}

.detailsCenters {
	white-space: pre-wrap
}

.detailsCenter p {
	padding-bottom: 1.875rem
}

.detailsName {
	padding: 4.6875rem 0
}

.detailsName p {
	color: #b5b5b5;
	line-height: 1.5
}

.detailsName p span {
	font-weight: 700;
	padding: 0 .3125rem
}

.bigImg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, .3607843137254902);
	display: none
}

.bigImg_left {
	left: 1.25rem
}

.bigImg_left,
.bigImg_right {
	width: 6.25rem;
	height: 6.25rem;
	background: #fff;
	text-align: center;
	line-height: 6.25rem;
	position: absolute;
	top: 50%;
	margin-top: -3.125rem;
	cursor: pointer
}

.bigImg_right {
	right: 1.25rem
}

.bigImg_img {
	width: 600rem;
	overflow: auto
}

.bigImg_img div {
	width: 120rem;
	float: left
}

.bigImg_img div img,
.img_list {
	width: 100%
}

.img_list {
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, .3607843137254902);
	display: none
}

.img_list ul {
	width: 74%;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	overflow-y: auto;
	height: 84%;
	margin-top: 2%;
	padding: 3%
}

.img_list ul li {
	width: 31.33%;
	flex: 1 31.33%;
	display: table-cell;
	vertical-align: middle;
	padding: 1%;
	display: flex;
	align-items: center;
	float: left
}

.img_list ul li img {
	width: 100%
}

.case .switeName {
	bottom: 0;
	background: rgba(0, 0, 0, .6)
}

.case .switeName .switeNameBox div.midle p {
	font-size: 2.21875rem
}

.case .switeName .switeNameBox div.midle div {
	border-bottom: none;
	font-size: 1rem;
	padding-top: .625rem
}

.details .tuji .switeName .switeNameBox div span {
	background: #000
}

.case .tujiswiper ul li.scale {
	transition: all 2s
}

.case .tujiswiper ul li.scale div {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999999999;
	background: rgba(0, 0, 0, .6);
	height: 100%;
	display: flex
}

.case .tujiswiper ul li.scale img {
	transform: scale(.9);
	height: auto;
	align-items: center
}

.alltuji {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	background: #000;
	z-index: 10000000000000000
}

.alltuji ul,
.alltuji ul li {
	width: 100%;
	display: flex;
	align-items: center;
	height: 100%
}

.alltuji ul li {
	flex: 1;
	justify-content: center
}

.alltuji ul li img {
	width: auto;
	height: 100%
}

.alltuji ul li img.iswidthman {
	width: 100%;
	height: auto
}

.alltujileft {
	width: 9.375rem;
	position: absolute;
	left: 2.5%;
	top: 50%;
	cursor: pointer;
	height: 1.5625rem;
	margin-top: -.78125rem
}

.alltujileft div {
	width: 9.375rem;
	height: .0625rem;
	background: #fff;
	margin-top: 1.5625rem
}

.alltujileft p {
	width: .0625rem;
	background: #fff;
	left: 1.5625rem;
	top: .78125rem
}

.alltujileft p,
.alltujiright {
	height: 1.5625rem;
	position: absolute
}

.alltujiright {
	width: 9.375rem;
	right: 2.5%;
	top: 50%;
	cursor: pointer;
	margin-top: -.78125rem
}

.alltujiright div {
	width: 9.375rem;
	height: .0625rem;
	background: #fff;
	margin-top: 1.5625rem
}

.alltujiright p {
	height: 1.5625rem;
	width: .0625rem;
	background: #fff;
	position: absolute;
	right: 1.5625rem;
	top: .78125rem
}

.detailsCenter {
	padding-top: .625rem;
	padding-bottom: 5rem
}

.zhichi .consult {
	width: 75rem;
	padding-top: 3.75rem;
	text-align: center
}

.zhichi .consult button:hover {
	color: #000;
	animation: morehoverh 1s;
	-moz-animation: morehoverh 1s;
	-webkit-animation: morehoverh 1s;
	-o-animation: morehoverh 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.consult>div {
	display: flex
}

.consult>div span {
	display: block;
	flex: 1;
	line-height: 2;
	text-align-last: justify
}

.consult>div input {
	flex: 8
}

.tishi {
	width: 100%;
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: -1.875rem;
	left: 0;
	text-align: center
}

.tishi div {
	display: inline-block;
	padding: 1.25rem 3.125rem;
	background: #000;
	border-radius: .625rem
}

.zhichi ul {
	text-align: center;
	display: flex
}

.zhichi ul li {
	flex: 1 9.375rem
}

.zhichi ul li p {
	padding: .9375rem 0
}

.zhichi ul .henggang {
	flex: 1 12.5rem;
	height: .0625rem;
	background: #000;
	margin-top: 1.875rem
}

.guaiwang {
	border-right: .0625rem solid #000;
	margin-right: 4.6875rem
}

.guaiwang,
.guaiwangLeft {
	height: 2.5rem;
	margin-bottom: 1.5625rem
}

.guaiwangLeft {
	border-left: .0625rem solid #000;
	margin-left: 4.6875rem
}

.contact .aboutBaner p {
	font-size: 2.5rem
}

.contact .aboutBaner p span {
	display: block;
	padding-top: 1.5625rem;
	letter-spacing: 0
}

.contact .founder .yishu {
	margin-top: 3.4375rem
}

.contactCode {
	width: 75rem;
	margin: 5rem auto 8.4375rem;
	display: flex
}

.contactCode .contactCodeLeft {
	width: 37.5rem;
	flex: 1 37.5rem;
	text-align: left;
	line-height: 2;
	border-right: .0625rem solid #000
}

.contactCode .contactCodeLeft>div {
	padding-bottom: 1.25rem
}

.contactCode .contactCodeLeft>div div {
	font-weight: 700
}

.contactCode .contactCodeRiight {
	width: 37.5rem;
	flex: 1 37.5rem
}

.contactCode .contactCodeRiight ul {
	display: flex;
	flex-wrap: wrap
}

.contactCode .contactCodeRiight ul li {
	width: 50%;
	flex: 1 50%
}

.contactCode .contactCodeRiight ul li img {
	width: 8.75rem;
	height: 8.75rem
}

.contactCode .contactCodeRiight ul li p {
	line-height: 3
}

.contact .enterpriseDynamics_box {
	margin-top: 0;
	position: relative;
	margin-bottom: 5rem
}

.contact .enterpriseDynamics_news {
	width: 100%;
	left: 0
}

.contact .enterpriseDynamics_news ul {
	flex-wrap: wrap;
	color: #605653
}

.wushuju {
	color: #605653;
	height: 21.75rem;
	line-height: 21.75rem;
	width: 75rem;
	text-align: center
}

.contact .enterpriseDynamics_news ul li {
	width: 36.75rem;
	padding: 0;
	padding-bottom: .625rem;
	cursor: pointer;
	position: relative;
	padding-left: .75rem
}

.contact .enterpriseDynamics_news ul li>p {
	line-height: 2;
	padding-left: 0;
	width: 30.625rem
}

.contact .enterpriseDynamics_news ul li>p.shopname {
	font-weight: 700
}

.contact .enterpriseDynamics_news ul li .addres {
	position: absolute;
	right: 0;
	top: .5rem
}

.contact .enterpriseDynamics_news ul li .addres button {
	display: block;
	background: #fff;
	border: .0625rem solid;
	margin-bottom: .46875rem;
	padding: 0 .78125rem;
	cursor: pointer
}

.contact .enterpriseDynamics_news ul li .addres button:hover {
	color: #fff;
	border-color: rgba(0, 0, 0, .43137254901960786);
	animation: morehoverh 1s;
	-moz-animation: morehoverh 1s;
	-webkit-animation: morehoverh 1s;
	-o-animation: morehovehr 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.addrexiaxian {
	width: .0625rem;
	height: 3.75rem;
	position: absolute;
	left: 0;
	top: 2.8125rem;
	background: #c7a585;
	animation: addrexiaxianani 1s;
	-moz-animation: addrexiaxianani 1s;
	-webkit-animation: addrexiaxianani 1s;
	-o-animation: addrexiaxianani 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes addrexiaxianani {
	0% {
		top: -3.75rem
	}

	to {
		top: 2.8125rem
	}
}

@-webkit-keyframes addrexiaxianani {
	0% {
		top: -3.75rem
	}

	to {
		top: 2.8125rem
	}
}

@-moz-keyframes addrexiaxianani {
	0% {
		top: -3.75rem
	}

	to {
		top: 2.8125rem
	}
}

@-o-keyframes addrexiaxianani {
	0% {
		top: -3.75rem
	}

	to {
		top: 2.8125rem
	}
}

.recruit {
	background: #e5e2e0;
	padding-top: 3.125rem;
	padding-bottom: 3.125rem
}

.recruit .founder .beijing {
	padding-top: 2.5rem
}

.contact .recruit .founder .yishu {
	margin-top: 1.25rem;
	height: 1.5625rem
}

.recruit .jiaolian {
	bottom: .78125rem
}

.recruit .founder ul li.active {
	color: #c7a585
}

.contact .founder {
	margin-bottom: 3.125rem
}

#container {
	position: absolute;
	background: #f2f2f2;
	left: 0;
	top: 0;
	width: 100%;
	height: 24.375rem
}

.zhichi {
	color: #605653;
	line-height: 2;
	text-align: justify;
	max-width: 75rem;
	margin: 0 auto
}

.zhichi div {
	padding-top: .625rem;
	white-space: pre-wrap
}

.colorop {
	color: #a7a09e
}

.containerbox {
	left: 0;
	top: 0
}

.contact .searchCenten .secle {
	padding: 0
}

.searchCenten .founder {
	margin-bottom: 0
}

.contact .search {
	padding-bottom: 0
}

.contact .enterpriseDynamics_news ul li.whwl {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0
}

.contact .newswi {
	margin-top: 0
}

.djjmaidian {
	width: 40.625rem;
	margin: 0 auto;
	height: 31.25rem;
	position: relative
}

.djjmaidian ul {
	position: absolute;
	left: 0;
	top: 0;
	animation: homebrand 2s;
	-moz-animation: homebrand 2s;
	-webkit-animation: homebrand 2s;
	-o-animation: homebrand 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.djjmaidian ul.djjmaidianani {
	animation: homebrandani 2s;
	-moz-animation: homebrandani 2s;
	-webkit-animation: homebrandani 2s;
	-o-animation: homebrandani 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.djjmaidianicon {
	width: 40.625rem;
	margin: 0 auto
}

.djjmaidian img {
	width: 100%
}

.djjmaidian .shoutu {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	animation: homebrand 2s;
	-moz-animation: homebrand 2s;
	-webkit-animation: homebrand 2s;
	-o-animation: homebrand 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.djjmaidian .shoutuani {
	animation: homebrandani 2s;
	-moz-animation: homebrandani 2s;
	-webkit-animation: homebrandani 2s;
	-o-animation: homebrandani 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.djjmaidian .shoutu img {
	height: 31.25rem;
	width: auto
}

.mdainp {
	padding: 1.25rem 0
}

.mdainp p {
	line-height: 1.5
}

.djjmaidianicon ul {
	display: flex;
	padding: 3.125rem 0
}

.djjmaidianicon ul li {
	flex: 1 25%
}

.djjmaidianicon ul li.hmover img,
.djjmaidianicon ul li img.maidianicona {
	display: none
}

.djjmaidianicon ul li.hmover img.maidianicona {
	display: initial
}

.djjmaidianicon ul li p {
	line-height: 3
}

.kitchenWap .spaceCustomization p {
	margin: 0 auto;
	white-space: pre-wrap
}

.christophBrand .dingwei {
	height: 61.25rem
}

.hsct .dingwei .dingweia {
	left: 30.5%;
	top: 10%
}

.hsct .dingwei .dingweib {
	left: 32%;
	top: 53%
}

.hsct .dingwei .dingweic {
	left: 51%;
	top: 56.5%
}

.hsct .dingwei .dingweid {
	left: 70%;
	top: 56%
}

.hsct .dingwei .dingweie {
	left: 83%;
	top: 48%
}

.christophBrand .dwzhankai ul {
	width: 54.6875rem;
	height: 44.375rem
}

.christophBrand .dwzhankai ul li .cfimg {
	width: 25rem;
	height: 352.5;
	margin: 1.5625rem 0 1.5625rem 22.1875rem
}

.christophBrand .dwzhankai ul li div {
	font-size: 1.875rem;
	padding-top: 0
}

.christophBrand .dwzhankai ul li p {
	padding-top: .9375rem;
	font-size: 1rem
}

.hscttitle {
	font-size: 1.875rem;
	text-align: center;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.h42 {
	height: 55.3125rem
}

.dengbanner {
	padding-top: 3.125rem
}

.christophBrand .founder img {
	transform: none;
	margin-top: 2%
}

.pddingt2 {
	padding-top: 1.25rem
}

.dajiajuxq ul li {
	background: none
}

.christophBrand .dajiajuxq ul {
	width: 100%;
	align-items: center;
	height: 55.3125rem
}

.dajiajuxq ul li img {
	height: auto
}

.home_header {
	top: 0
}

.christophBrand .dengnavcion .yishuani {
	height: 2rem;
	margin-top: .625rem
}

.christophBrand .dengnavcion .dengiconimg {
	width: 100%;
	height: 5rem;
	padding: 1.5625rem 0;
	display: flex;
	align-items: center
}

.pb80 {
	padding-bottom: 5rem
}

.pddingt2 img {
	width: 100%;
	margin-top: 0
}

.spacelunclick {
	width: 37.5rem;
	margin: 5.625rem auto
}

.spacelunclick ul {
	display: flex
}

.spacelunclick ul li {
	flex: 1
}

.spacelunclick ul li.active p {
	color: #f80
}

.spacelunclick ul li p {
	line-height: 3
}

.qzh {
	padding-bottom: 3.125rem
}

.kankan {
	width: 37.5rem;
	margin: 3.125rem auto
}

.kankan ul {
	display: flex
}

.kankan ul li {
	flex: 1
}

.kankan ul li p {
	line-height: 3
}

.spacexf {
	padding: 1.5625rem 0
}

.mqimg {
	padding-top: 3.125rem;
}

.mqimg img {
	max-width: 100%;
}

.mqxtpb {
	padding-bottom: 5rem
}

.founder .doorwallText {
	line-height: 1.5;
	white-space: pre-wrap
}

.case .storeShowImg,
.case .storeShowImg img {
	height: 45rem
}

.newlist .enterpriseDynamics_news,
.newlist .newlix .enterpriseDynamics_box,
.newlist .newlix .enterpriseDynamics_news ul {
	width: 75rem
}

.case .newlist .enterpriseDynamics_news ul li {
	flex: 1 32%;
	width: 32%;
	margin-bottom: 2%
}

.alllist .enterpriseDynamics_news ul li>p {
	height: 3.75rem
}

.case .newlist .enterpriseDynamics_news ul li img {
	width: 100%
}

.newdetail .founder .yishu {
	margin-top: 3.125rem;
	height: 2.1875rem
}

.newdetail .founder .beijing {
	font-size: 1.875rem;
	padding-top: 2.1875rem
}

.newdetailtime {
	color: #b2aeac;
	padding-bottom: 2.1875rem
}

.newcont {
	text-align: justify
}

.newcontnei {
	width: 75rem;
	margin: 0 auto
}

.newcontnei p {
	padding-bottom: 1.875rem;
	line-height: 2
}

.newcont img {
	width: 100%;
	margin-top: 1.25rem
}

.newcontnei p.navtit {
	font-size: 1.5625rem
}

.tujiswiper ul li {
	float: left;
	width: 56.25rem;
	height: 33.75rem;
	/* padding-right: 1.5625rem */
}


.tujiswiper ul li img {
	width: 100%;
	height: 33.75rem;
	cursor: pointer
}

.cangchu {
	padding-top: 3.125rem
}

.andService .qzh {
	padding-top: 0;
	padding-bottom: 0;
	white-space: pre-wrap;
	line-height: 1.5
}

.andService .founder .beijing {
	padding-bottom: .625rem
}

.xingxing {
	padding: 1.5625rem 0;
	padding-top: .625rem
}

.xingxing ul {
	width: 15.625rem;
	margin: 0 auto;
	display: flex
}

.xingxing ul li {
	flex: 1 2.5rem
}

.xingxing ul li img {
	width: 2.1875rem;
	height: 2.1875rem
}

.fuwu {
	padding-bottom: 5rem
}

.fuwu ul {
	width: 75rem;
	margin: 0 auto;
	display: flex
}

.fuwu ul li {
	flex: 1
}

.fuwu ul li img {
	width: 99%
}

.wufuliucheng {
	width: 100%;
	padding: 3.125rem 0;
	background: #b5ad9d;
	color: #5e5450;
	margin: 5rem 0;
	margin-bottom: 0;
}

.liuchengcont {
	width: 75rem;
	margin: 0 auto
}

.liuchengcont ul {
	width: 100%;
	display: flex;
	align-items: center;
	padding: .5% 0
}

.liuchengcont ul li {
	flex: 1 8.25rem;
	text-align: center;
	line-height: 2
}

.liuchengcont ul li img {
	width: 100%
}

.liuchengcont ul li.shupai img {
	width: auto
}

.c-p-w[data-v-3915430f] {
	max-width: 75rem;
	margin: 5rem auto 8.4375rem
}

.diangji[data-v-3915430f] {
	width: 100%;
	height: 100%
}

.brandConcepts[data-v-3915430f] {
	z-index: 10000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #151515
}

.tuji[data-v-3915430f] {
	padding-top: 4.6875rem
}

.quality .ptone[data-v-3915430f] {
	padding-top: 3.125rem
}

.tujiswiper[data-v-3915430f] {
	width: 100%;
	overflow: hidden
}

.tujiswiper ul[data-v-3915430f] {
	overflow: auto
}

.shipei .tujiswiper ul li[data-v-3915430f] {
	float: left;
	width: 60rem;
	height: 35rem;
	padding-right: 1.5625rem
}

.shipei .tujiswiper ul li img[data-v-3915430f] {
	width: 60rem;
	height: 35rem;
	cursor: pointer
}

.quality .spaceCustomization p[data-v-3915430f] {
	text-align: center;
	padding-bottom: 0;
	line-height: 2
}

.quality .founder .yishu[data-v-3915430f] {
	margin-bottom: 1.25rem
}

.cangchu[data-v-3915430f] {
	padding-top: 6.25rem
}

.quality .qzh[data-v-3915430f] {
	padding-top: 3.125rem;
	padding-bottom: 0
}

.iamgetitle[data-v-3915430f] {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: -3.125rem
}

.pvhtml[data-v-3915430f] {
	line-height: 1.5;
	white-space: pre-wrap
}

.brandConcepts .tuji .newswi .center[data-v-3915430f] {
	color: #fff
}

.brandConcepts .tuji .newswi .center ul[data-v-3915430f] {
	background: #151515
}

.brandConcepts .tuji .newswi .center ul li[data-v-3915430f] {
	color: #fff
}

.brandConcepts .tuji .newswi .left p[data-v-3915430f],
.brandConcepts .tuji .newswi .right p[data-v-3915430f],
.brandConcepts .tuji .newswi[data-v-3915430f] {
	background: #fff
}

.showimgactive[data-v-3915430f] {
	display: block
}

.ctext[data-v-3915430f] {
	line-height: 2rem;
	text-align: left
}

.genera-name .genera-name-p .leftp p[data-v-3915430f] {
	text-align: left
}

.jiakuang[data-v-3915430f] {
	width: 100%;
	height: 5rem
}

.encase_newswi .center[data-v-3915430f] {
	color: #fff !important
}

.encase_newswi .center ul[data-v-3915430f] {
	background: #151515 !important
}

.encase_newswi .center ul li[data-v-3915430f] {
	color: #fff !important
}

.encase_newswi .left p[data-v-3915430f],
.encase_newswi .right p[data-v-3915430f],
.encase_newswi[data-v-3915430f] {
	background: #fff !important
}

.iamgetitle[data-v-3915430f] {
	position: absolute !important;
	text-align: center !important;
	width: 100% !important;
	left: 0 !important;
	top: -3.125rem !important
}

.active[data-v-3915430f] {
	color: #f08158
}

.c-project-list[data-v-3915430f] {
	max-width: 75rem;
	margin: 5rem auto 8.4375rem;
	transform: translateY(2em);
	-moz-transform: translateY(2em);
	-o-transform: translateY(2em);
	-webkit-transform: translateY(2em);
	opacity: 0;
	transition: transform 1s linear, opacity 1s linear;
	-webkit-transition: transform 1s linear, opacity 1s linear;
	-moz-transition: transform 1s linear, opacity 1s linear;
	-o-transition: transform 1s linear, opacity 1s linear
}

.c-project-show[data-v-3915430f] {
	max-width: 75rem;
	transform: translateY(0);
	-o-transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.c-project-lc[data-v-3915430f] {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	color: #797777
}

.c-project-left2[data-v-3915430f],
.c-project-left[data-v-3915430f] {
	width: 9%;
	position: relative
}

.c-projecttextnb h1[data-v-3915430f] {
	margin-top: 0;
	font-size: 5.2rem;
	font-weight: 550;
	color: #fff;
	text-shadow: 0 0 .125rem #000
}

.c-projecttext-lc[data-v-3915430f] {
	width: 100%;
	position: absolute;
	top: 2.5rem;
	left: 0;
	height: 1.8rem;
	line-height: 1.8rem;
	background: #b5ad9d;
	color: #fff;
	font-size: .9rem
}

.c-project-right[data-v-3915430f] {
	width: 91%
}

.c-project-right ul[data-v-3915430f] {
	list-style: none;
	position: relative;
	margin-left: 1.8rem;
	height: .0625rem;
	background-color: #b5ad9d;
	margin-top: 3.4rem;
	right: 0;
	display: flex;
	justify-content: center
}

.c-project-right ul[data-v-3915430f]:before {
	top: .38rem;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.c-project-right ul[data-v-3915430f]:after,
.c-project-right ul[data-v-3915430f]:before {
	content: "";
	width: 1rem;
	height: .0625rem;
	background: #b5ad9d;
	position: absolute;
	right: -.1rem
}

.c-project-right ul[data-v-3915430f]:after {
	top: -.37rem;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.c-project-right ul li[data-v-3915430f] {
	width: 25%;
	text-align: center;
	position: relative;
	top: -4.4rem;
	left: -2rem
}

.c-project-right ul li div[data-v-3915430f] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 3.8rem;
	left: 50%
}

.c-project-right2[data-v-3915430f] {
	position: relative;
	width: 91%
}

.c-project-right2 ul[data-v-3915430f] {
	justify-content: center
}

.c-project-right2 ul[data-v-3915430f],
.c-project-right5 ul[data-v-3915430f] {
	list-style: none;
	position: relative;
	margin-left: 1.8rem;
	height: .0625rem;
	background-color: #b5ad9d;
	margin-top: 3.4rem;
	right: 0;
	display: flex
}

.c-project-right5 ul[data-v-3915430f] {
	justify-content: left
}

.c-project-right2 ul li[data-v-3915430f] {
	width: 40%;
	text-align: center;
	position: relative;
	top: -4.4rem;
	left: -2rem
}

.c-project-right-shu[data-v-3915430f] {
	position: absolute;
	width: .0625rem;
	height: 12.1rem;
	top: 3.4rem;
	right: 0;
	background: #b5ad9d
}

.c-ul-2[data-v-3915430f]:before {
	top: -.37rem;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.c-ul-2[data-v-3915430f]:after,
.c-ul-2[data-v-3915430f]:before {
	content: "";
	width: 1rem;
	height: .0625rem;
	background: #b5ad9d;
	position: absolute;
	left: -.1rem
}

.c-ul-2[data-v-3915430f]:after {
	top: .38rem;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.c-project-right2 .c-ul-2[data-v-3915430f] {
	margin-top: 12rem;
	margin-bottom: 6rem
}

.c-project-right2 .c-ul-2 li[data-v-3915430f] {
	width: 50%;
	text-align: center;
	position: relative;
	top: -7.4rem;
	left: -2rem;
	line-height: 2rem
}

.c-project-right2 ul li div[data-v-3915430f] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 3.8rem;
	left: 50%
}

.c-project-right2 .c-ul-2 .c-danghen[data-v-3915430f] {
	width: 50%;
	text-align: center;
	position: relative;
	top: -4.4rem;
	left: -2rem
}

.c-project-right2 .c-ul-2 .c-danghen div[data-v-3915430f] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 3.8rem;
	left: 50%
}

.c-project-right2 .c-ul-2 li div[data-v-3915430f] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 6.8rem;
	left: 50%
}

.c-project-left2[data-v-3915430f],
.c-project-left[data-v-3915430f],
.c-project-right2[data-v-3915430f],
.c-project-right[data-v-3915430f] {
	margin-top: 2rem
}

.c-shuxian[data-v-3915430f] {
	width: .0625rem;
	height: 3rem;
	background: #f08618;
	margin: 0 auto
}

.c-Aftersale[data-v-3915430f],
.c-w-pages[data-v-3915430f] {
	max-width: 75rem;
	margin: 5rem auto 8.4375rem
}

.c-Aftersale h1[data-v-3915430f],
.c-project-jf h1[data-v-3915430f] {
	font-size: 2.5rem;
	font-weight: 400;
	color: #4c413d
}

.c-project-jf h1[data-v-3915430f] {
	margin-top: 2rem;
	text-align: center
}

.c-Aftersale-list div[data-v-3915430f] {
	display: flex;
	justify-content: center
}

.c-Aftersale-list img[data-v-3915430f] {
	width: 2.5rem;
	height: 2.5rem;
	position: relative;
	top: -.2rem;
	padding-right: .8rem
}

.c-Aftersale-list h2[data-v-3915430f] {
	font-size: 1.9rem;
	margin: 0;
	font-weight: 300;
	color: #797777
}

.c-Aftersale-list[data-v-3915430f] {
	margin-top: 5rem
}

.c-Aftersale-list p[data-v-3915430f] {
	margin-top: 3rem;
	line-height: 2rem;
	color: #797777
}

.c-project-topy[data-v-3915430f] {
	margin-top: 5rem
}

.Map[data-v-4b9ed4b8] {
	height: 37.5rem;
	width: 100%
}

.goxiaos[data-v-4b9ed4b8] {
	text-align: left
}

.mapsuo .goxiaos[data-v-4b9ed4b8] {
	background: none;
	font-weight: 600;
	border: none;
	height: 1.5rem;
	margin-top: 2rem
}

.mapsuo .cx-button[data-v-4b9ed4b8] {
	border: none;
	background: #f19c39
}

.maplists[data-v-4b9ed4b8] {
	position: relative;
	width: 100%;
	height: 37.5rem;
	min-width: 75rem
}

.distributed[data-v-4b9ed4b8] {
	width: 100%;
	padding-bottom: 3.125rem;
	height: 37.5rem;
	min-width: 75rem
}

.mapsuo[data-v-4b9ed4b8] {
	position: absolute;
	top: 35%;
	left: 9rem;
	z-index: 9997;
	background: #fff;
	width: 23rem;
	height: 11rem
}

.mapsuo div[data-v-4b9ed4b8] {
	width: 16rem;
	height: 1.8rem;
	line-height: 1.8rem;
	margin: .625rem auto;
	background: #fff;
	color: #000;
	position: relative;
	padding: 0 .625rem;
	border: .0625rem solid #4c413d
}

.mapsuo div[data-v-4b9ed4b8]:nth-child(3),
.mapsuo div button[data-v-4b9ed4b8] {
	cursor: pointer
}

.mapsuo div input[data-v-4b9ed4b8] {
	width: 100%;
	height: 100%;
	background: none;
	border: 0
}

.mapsuo div span[data-v-4b9ed4b8] {
	position: absolute;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	right: .125rem;
	top: 0
}

.mapsuo div span img[data-v-4b9ed4b8] {
	width: 1.25rem;
	height: 1.25rem
}

.mapsuo div button[data-v-4b9ed4b8] {
	width: 100%;
	height: 100%;
	background: none;
	border: 0;
	color: #fff
}

.weizhimap[data-v-4b9ed4b8] {
	position: absolute;
	top: -.3125rem;
	left: 0;
	width: 32.25rem;
	height: 38.5rem;
	background: #fff;
	z-index: 9998;
	overflow: hidden
}

.weizhilist[data-v-4b9ed4b8] {
	width: 24.6875rem;
	height: 31.25rem;
	margin-left: 7.8125rem;
	text-align: left
}

.weiziinput[data-v-4b9ed4b8] {
	position: relative;
	width: 21.25rem;
	height: 2.5rem;
	background: #fff;
	box-sizing: border-box;
	margin-top: 2.5rem;
	margin-bottom: 1.25rem
}

.weiziinput input[data-v-4b9ed4b8] {
	width: 100%;
	height: 100%;
	border: 0;
	background: none;
	padding-left: .625rem;
	border: .0625rem solid #9b9593
}

.weizhimap .weiziinput span img[data-v-4b9ed4b8] {
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	right: .3125rem;
	top: .625rem
}

.map-for[data-v-4b9ed4b8] {
	cursor: pointer
}

.map-for h1[data-v-4b9ed4b8] {
	color: #f48422;
	margin-bottom: .625rem
}

.map-for p[data-v-4b9ed4b8] {
	color: #9b9593;
	margin-bottom: 1.25rem;
	padding-right: 1.25rem;
	line-height: 1.25rem
}

.scrollable[data-v-4b9ed4b8] {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-right: 1.2rem
}

.tuji {
	padding-top: 2.6875rem
}

.quality .ptone {
	padding-top: 3.125rem
}

.tujiswiper {
	width: 100%;
	overflow: hidden
}

/* .tujiswiper ul {
	overflow: auto
} */

.shipei .tujiswiper ul li {
	float: left;
	width: 60rem;
	height: 35rem;
	padding-right: 1.5625rem
}

.shipei .tujiswiper ul li img {
	width: 60rem;
	height: 35rem;
	cursor: pointer
}

.quality .spaceCustomization p {
	text-align: center;
	padding-bottom: 0;
	line-height: 2
}

.quality .spaceCustomization .jijian_fut {
	font-size: 36px;
}


.quality .founder .yishu {
	margin-bottom: 1.25rem
}

.cangchu {
	padding-top: 6.25rem
}

.quality .qzh {
	/* padding-top: 3.125rem; */
	padding-bottom: 0
}

.iamgetitle {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: -3.125rem
}

.pvhtml {
	line-height: 1.5;
	white-space: pre-wrap;
}

.aboutBaner img {
	width: 100%
}

.founder .yishu {
	margin-top: 3.4375rem;
	margin-top: 1.25rem;
	height: 1.5625rem
}

.founder {
	margin-bottom: 3.125rem
}

.aboutBaner {
	position: relative
}

.aboutBaner p {
	position: absolute;
	font-size: 2.5rem;
	left: 0;
	top: 40%;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	letter-spacing: .625rem;
	font-weight: 100
}

.general .generallist {
	padding-top: 3.75rem
}

.general .generallist ul {
	display: flex;
	justify-content: center
}

.general ul li {
	flex: 1;
	text-align: center
}

.general .generallist .yishuani {
	margin: 18 auto 0;
	height: 1.5625rem
}

.general .jiaolian {
	bottom: .78125rem
}

.general .brandConcept .brandProfile_introduce {
	padding-top: 3.125rem;
	white-space: pre-wrap
}

.generallist {
	color: #4c413d;
	max-width: 75rem;
	margin: 0 auto;
	position: relative
}

.ccursor {
	width: 12.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: 0 auto;
	border: .0625rem solid #000
}

.borderactive,
.hoveractive {
	border: .0625rem solid #c7a585
}

.hoveractive {
	color: #c7a585
}

.genera-name h1 {
	font-size: 3.125rem;
	padding-top: 3.4375rem;
	padding-bottom: 2.1875rem;
	font-weight: 100
}

.genera-name-p {
	width: 75rem;
	text-align: center;
	margin: 0 auto
}

.genera-name-p p {
	line-height: 1.5625rem;
	text-align: center;
	white-space: pre-wrap
}

.genera-al-list {
	padding-top: 3.4375rem
}

.genera-al-lists {
	width: 75rem;
	height: auto;
	margin: 0 auto
}

.genera-al-list .genera-al-lists ul {
	display: block
}

.genera-al-lists ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.genera-al-lists ul li:nth-child(2n) {
	display: flex;
	justify-content: center;
	flex-flow: row-reverse
}

.genera-al-lists ul li .cleft,
.genera-al-lists ul li .ctext {
	flex: 1 48%;
	width: 50%;
	padding: 1%
}

.cleft-list img {
	width: 100%;
	height: 100%
}

.cleft-list {
	position: relative
}

.cleft:hover .cmouseshow {
	display: block;
	animation: kjdzbackgroundanias 2s;
	-moz-animation: kjdzbackgroundanias 2s;
	-webkit-animation: kjdzbackgroundanias 2s;
	-o-animation: kjdzbackgroundanias 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.cleft p {
	line-height: 2rem;
	color: #fff;
	bottom: 0;
	text-indent: .625rem
}

.cleft p,
.cmouseshow {
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, .43137254901960786);
	left: 0
}

.cmouseshow {
	height: 100%;
	top: 0;
	text-align: center;
	display: none
}

.cmouseshow a div {
	color: #fff;
	border: .0625rem solid #fff;
	display: inline-block;
	padding: 1.25rem 7.8125rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9.375rem;
	margin-top: -1.5625rem;
	cursor: pointer
}

@keyframes kjdzbackgroundanias {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

@-webkit-keyframes kjdzbackgroundanias {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

@-moz-keyframes kjdzbackgroundanias {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

@-o-keyframes kjdzbackgroundanias {
	0% {
		background: none
	}

	to {
		background: rgba(0, 0, 0, .4)
	}
}

.homelogo[data-v-08431fc5] {
	width: 100%
}

.xiaotop[data-v-08431fc5] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.pplstext[data-v-08431fc5] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi .title[data-v-08431fc5] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-08431fc5] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-08431fc5] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-08431fc5] {
	width: 100%;
	height: 30.75rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-08431fc5] {
	display: flex;
	margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-08431fc5] {
	width: 23.4375rem;
	height: 30.75rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-08431fc5] {
	width: 23.4375rem;
	height: 30.75rem
}

.bottomtitle[data-v-08431fc5] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-08431fc5] {
	text-align: center
}

.bottomtitle .toleft[data-v-08431fc5] {
	left: 0
}

.bottomtitle .toleft[data-v-08431fc5],
.bottomtitle .toright[data-v-08431fc5] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	top: 2.8125rem
}

.bottomtitle .toright[data-v-08431fc5] {
	right: 0
}

.bottomtitle .toleft span[data-v-08431fc5] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-08431fc5],
.bottomtitle .toright span[data-v-08431fc5] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-08431fc5] {
	right: .625rem
}

.input[data-v-08431fc5] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-08431fc5] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid rgba(76, 65, 61, .30196078431372547);
	text-align: center
}

.zixuntian[data-v-08431fc5] {
	width: 41.875rem;
	margin: 2.5rem auto 0
}

.zixuntian>div input[data-v-08431fc5] {
	border-bottom: .0625rem solid #4c413d;
	font-size: 1.625rem;
	width: 41.875rem;
	margin-bottom: 2.5rem;
	padding: .625rem 0;
	text-indent: 1.25rem
}

.mzixunbottom[data-v-08431fc5] {
	width: 19.375rem;
	margin: 2.5rem auto 7.5rem;
	line-height: 4.375rem;
	border: .0625rem solid #4c413d;
	font-size: 1.625rem
}

.tishi[data-v-08431fc5] {
	width: 100%;
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: -1.875rem;
	left: 0;
	text-align: center
}

.tishi div[data-v-08431fc5] {
	display: inline-block;
	padding: 1.25rem 3.125rem;
	background: #000;
	border-radius: .625rem
}

.homelogo[data-v-92eb42da] {
	width: 100%;
	margin-bottom: 6.25rem
}

.xiaotop[data-v-92eb42da] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.pplstext[data-v-92eb42da] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto 6.25rem
}

.pinpailishi .title[data-v-92eb42da] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-92eb42da] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-92eb42da] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-92eb42da] {
	width: 100%;
	height: 30.75rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-92eb42da] {
	display: flex;
	margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-92eb42da] {
	width: 23.4375rem;
	height: 30.75rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-92eb42da] {
	width: 23.4375rem;
	height: 30.75rem
}

.bottomtitle[data-v-92eb42da] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-92eb42da] {
	text-align: center;
	padding-bottom: 0
}

.bottomtitle .toleft[data-v-92eb42da] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: -5.3125rem;
	top: 1.25rem
}

.bottomtitle .toright[data-v-92eb42da] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: -5.3125rem;
	top: 1.25rem
}

.bottomtitle .toleft span[data-v-92eb42da] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-92eb42da],
.bottomtitle .toright span[data-v-92eb42da] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-92eb42da] {
	right: .625rem
}

.pinpailishiani-move[data-v-92eb42da] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-92eb42da] {
	color: #000;
	width: 31.25rem
}

.quanpin .pplsimg[data-v-92eb42da] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-92eb42da] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-92eb42da] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-92eb42da] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-92eb42da] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 1.25rem auto
}

.input input[data-v-92eb42da] {
	width: 100%;
	line-height: 4.1875rem;
	border: .0625rem solid rgba(76, 65, 61, .30196078431372547);
	text-align: center
}

.mkaiping[data-v-92eb42da] {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000000000000000;
	text-align: center;
	display: flex;
	align-items: center
}

.mkaiping img[data-v-92eb42da] {
	width: 100%;
	height: auto
}

.tishi[data-v-92eb42da] {
	width: 100%;
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: -1.875rem;
	left: 0
}

.tishi div[data-v-92eb42da] {
	display: inline-block;
	padding: 1.25rem 3.125rem;
	background: #000;
	border-radius: .625rem
}

.hometopswipt[data-v-92eb42da] {
	padding-bottom: 6.25rem
}

.pplstextx[data-v-92eb42da] {
	margin-bottom: 3.75rem
}

.input[data-v-92eb42da] {
	position: relative
}

.input input[data-v-92eb42da] {
	line-height: 4.375rem;
	height: 4.375rem
}

.input .img[data-v-92eb42da] {
	position: absolute;
	top: .125rem;
	right: 0;
	text-align: center;
	padding: .6875rem;
	padding-right: 1.25rem;
	cursor: pointer;
	background: none
}

.input .img img[data-v-92eb42da] {
	width: 2.5rem;
	height: 2.5rem
}

.homelogo[data-v-3c021803] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 6.25rem
}

.homelogo img[data-v-3c021803],
.video[data-v-3c021803] {
	width: 46.875rem
}

.homelogo div[data-v-3c021803] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.xiaotop[data-v-3c021803] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.pplstext[data-v-3c021803] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi .title[data-v-3c021803] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-3c021803] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-3c021803] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-3c021803] {
	width: 100%;
	height: 30.75rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-3c021803] {
	display: flex;
	margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-3c021803] {
	width: 23.4375rem;
	height: 30.75rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-3c021803] {
	width: 23.4375rem;
	height: 30.75rem
}

.bottomtitle[data-v-3c021803] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-3c021803] {
	text-align: center
}

.bottomtitle .toleft[data-v-3c021803] {
	left: 0
}

.bottomtitle .toleft[data-v-3c021803],
.bottomtitle .toright[data-v-3c021803] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	top: 2.8125rem
}

.bottomtitle .toright[data-v-3c021803] {
	right: 0
}

.bottomtitle .toleft span[data-v-3c021803] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-3c021803],
.bottomtitle .toright span[data-v-3c021803] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-3c021803] {
	right: .625rem
}

.pinpailishiani-move[data-v-3c021803] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-3c021803] {
	color: #4c413d
}

.quanpin .pplsimg[data-v-3c021803] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-3c021803] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-3c021803] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-3c021803] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-3c021803] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-3c021803] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.bannertop[data-v-3c021803],
.ppfzlist[data-v-3c021803] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto 6.25rem
}

.ppfzlist img[data-v-3c021803] {
	width: 100%
}

.ppfzlist div[data-v-3c021803] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-3c021803] {
	padding: 2.5rem 0;
	padding-bottom: 6.25rem
}

.subnav[data-v-3c021803] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav a[data-v-3c021803] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav .active[data-v-3c021803] {
	color: #c7a585
}

.hometopswipt[data-v-3c021803] {
	padding-bottom: 1.25rem
}

.bannertopmbl[data-v-3c021803] {
	margin-bottom: 0
}

.homelogo[data-v-4bb9588c] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 6.25rem
}

.homelogo img[data-v-4bb9588c],
.video[data-v-4bb9588c] {
	width: 46.875rem
}

.homelogo div[data-v-4bb9588c] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.xiaotop[data-v-4bb9588c] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.pplstext[data-v-4bb9588c] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi .title[data-v-4bb9588c] {
	font-size: 2.8125rem;
	padding: 1.25rem 0;
	font-weight: 700
}

.pinpailishi .subtitle[data-v-4bb9588c] {
	font-size: 1.625rem
}

.pinpailishi p[data-v-4bb9588c] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-4bb9588c] {
	width: 100%;
	height: 22.3125rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-4bb9588c] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-4bb9588c] {
	width: 39.6875rem;
	height: 22.3125rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-4bb9588c] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-4bb9588c] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-4bb9588c] {
	text-align: center
}

.bottomtitle .toleft[data-v-4bb9588c] {
	left: 0
}

.bottomtitle .toleft[data-v-4bb9588c],
.bottomtitle .toright[data-v-4bb9588c] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	top: 2.8125rem
}

.bottomtitle .toright[data-v-4bb9588c] {
	right: 0
}

.bottomtitle .toleft span[data-v-4bb9588c] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-4bb9588c],
.bottomtitle .toright span[data-v-4bb9588c] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-4bb9588c] {
	right: .625rem
}

.pinpailishiani-move[data-v-4bb9588c] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-4bb9588c] {
	color: #4c413d
}

.quanpin .pplsimg[data-v-4bb9588c] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-4bb9588c] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-4bb9588c] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-4bb9588c] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-4bb9588c] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-4bb9588c] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.bannertop[data-v-4bb9588c],
.ppfzlist[data-v-4bb9588c] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto 6.25rem
}

.ppfzlist img[data-v-4bb9588c] {
	width: 100%
}

.ppfzlist div[data-v-4bb9588c] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-4bb9588c] {
	padding: 2.5rem 0
}

.shmx[data-v-4bb9588c] {
	background: none;
	margin-top: 0
}

.subnav[data-v-4bb9588c] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav a[data-v-4bb9588c] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav .active[data-v-4bb9588c] {
	color: #c7a585
}

.shmxbimg[data-v-4bb9588c] {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .9490196078431372);
	z-index: 999999;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.shmxbimg ul[data-v-4bb9588c] {
	width: 6249999.9375rem;
	display: flex
}

.shmxbimg ul li[data-v-4bb9588c] {
	width: 46.875rem
}

.shmxbimg ul li img[data-v-4bb9588c] {
	width: 100%
}

.hometopswipt[data-v-4bb9588c] {
	margin-bottom: 6.25rem
}

.homelogo[data-v-d1e7880e] {
	width: 46.875rem;
	position: relative
}

.homelogo img[data-v-d1e7880e],
.video[data-v-d1e7880e] {
	width: 46.875rem
}

.homelogo div[data-v-d1e7880e] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.subnav[data-v-d1e7880e] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav a[data-v-d1e7880e] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav .active[data-v-d1e7880e] {
	color: #c7a585
}

.mnew[data-v-d1e7880e] {
	width: 41.875rem;
	margin: 2.5rem auto;
	font-size: 1.625rem;
	line-height: 1.8;
	text-align: justify
}

.mnew .mnewtitle[data-v-d1e7880e] {
	width: 100%;
	overflow: hidden
}

.mnew .mnewtitle div[data-v-d1e7880e] {
	font-size: 2.8125rem;
	font-weight: 700;
	float: left
}

.mnew .mnewtitle p[data-v-d1e7880e] {
	color: #c7a585;
	float: right;
	padding-top: 1.40625rem
}

.mnew ul li[data-v-d1e7880e] {
	display: flex;
	padding: 1.25rem 0;
	border-bottom: .0625rem solid #b1adac
}

.mnew ul li .mnewleft[data-v-d1e7880e] {
	width: 25rem;
	flex: 1 22.5rem
}

.mnew ul li .mnewleft div[data-v-d1e7880e] {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 700
}

.mnew ul li .mnewleft p[data-v-d1e7880e] {
	font-size: 1.125rem
}

.mnew ul li .mnewleft span[data-v-d1e7880e] {
	font-size: 1.125rem;
	color: #b1adac
}

.mnew ul li .mnewright[data-v-d1e7880e] {
	width: 15.625rem;
	flex: 1 15.625rem;
	text-align: right
}

.mnew ul li .mnewright img[data-v-d1e7880e] {
	width: 15.625rem;
	height: 10.9375rem
}

.homelogo[data-v-c2c720fa] {
	width: 100%
}

.xiaotop[data-v-c2c720fa] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.pplstext[data-v-c2c720fa] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi[data-v-c2c720fa] {
	position: relative
}

.pinpailishi .title[data-v-c2c720fa] {
	font-size: 2.8125rem;
	padding: .625rem 0
}

.pinpailishi .subtitle[data-v-c2c720fa] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-c2c720fa] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-c2c720fa] {
	width: 100%;
	height: 30.75rem;
	overflow: hidden
}

.pinpailishi ul[data-v-c2c720fa] {
	display: flex;
	margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-c2c720fa] {
	width: 23.4375rem;
	height: 30.75rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-c2c720fa] {
	width: 23.4375rem;
	height: 30.75rem
}

.bottomtitle[data-v-c2c720fa] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative;
	position: absolute;
	left: 2.5rem;
	top: 50%;
	margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-c2c720fa] {
	text-align: center;
	color: #fff
}

.bottomtitle .showtitle div[data-v-c2c720fa] {
	font-size: 2.8125rem;
	color: #fff
}

.bottomtitle .toleft[data-v-c2c720fa] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: 3.515625rem
}

.bottomtitle .toright[data-v-c2c720fa] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	right: 0;
	top: 3.515625rem
}

.bottomtitle .toleft span[data-v-c2c720fa] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-c2c720fa],
.bottomtitle .toright span[data-v-c2c720fa] {
	width: .0625rem;
	height: 1.25rem;
	background: #fff;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-c2c720fa] {
	right: .625rem
}

.pinpailishiani-move[data-v-c2c720fa] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-c2c720fa] {
	color: #fff
}

.quanpin .pplsimg[data-v-c2c720fa] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-c2c720fa] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-c2c720fa] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-c2c720fa] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-c2c720fa] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-c2c720fa] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.producttiel[data-v-c2c720fa] {
	padding-top: .0625rem
}

.subnav[data-v-c2c720fa] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav ul[data-v-c2c720fa] {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.subnav>div[data-v-c2c720fa],
.subnav ul[data-v-c2c720fa] {
	background: rgba(0, 0, 0, .8);
	color: #fff
}

.subnav>div.isshow[data-v-c2c720fa] {
	width: 21.875rem;
	height: 0;
	margin: 0 auto
}

.subnav ul li[data-v-c2c720fa] {
	flex: 1 11.71875rem;
	text-align: center;
	font-size: 1.625rem;
	line-height: 2;
	margin-bottom: 1.25rem;
	padding-top: 1.875rem
}

.subnav ul li.avtive[data-v-c2c720fa] {
	color: #c7a585
}

.subnav ul li img[data-v-c2c720fa] {
	width: 4.4375rem;
	height: 3.4375rem;
	margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-c2c720fa] {
	display: none
}

.subnav ul li.avtive .icon_active[data-v-c2c720fa] {
	display: block
}

.subnav ul li .icon_active[data-v-c2c720fa] {
	display: none
}

.subnav ul li .icon[data-v-c2c720fa] {
	display: block
}

.productcont[data-v-c2c720fa] {
	padding-bottom: 11.25rem;
	line-height: 2;
	width: 46.875rem;
	text-align: center
}

.productcont img[data-v-c2c720fa] {
	width: 100%
}

.productcont p[data-v-c2c720fa] {
	font-size: 1.625rem;
	line-height: 5.5rem
}

.productcont div[data-v-c2c720fa] {
	font-size: 1.625rem;
	width: 14.0625rem;
	margin: 0 auto;
	line-height: 1;
	border: .0625rem solid #4c413d;
	line-height: 4.0625rem
}

.twonav[data-v-c2c720fa] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center
}

.twonav ul[data-v-c2c720fa] {
	width: 100%;
	display: flex
}

.twonav ul li[data-v-c2c720fa] {
	flex: 1
}

.twonav ul li.active a[data-v-c2c720fa] {
	color: #c7a585
}

.mask[data-v-c2c720fa] {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4117647058823529);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9
}

.pinpailishi p[data-v-c2c720fa] p:first-child {
	display: none
}

.pinpailishi p[data-v-c2c720fa] p {
	display: inline
}

.hometopswipt[data-v-c2c720fa] {
	padding-bottom: 7.5rem
}

.mhome[data-v-fa911e50] {
	font-size: 1.625rem
}

.homelogo[data-v-fa911e50] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 6.25rem
}

.homelogo img[data-v-fa911e50],
.video[data-v-fa911e50] {
	width: 46.875rem
}

.homelogo div[data-v-fa911e50] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.1875rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center
}

.xiaotop[data-v-fa911e50] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-fa911e50] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi .title[data-v-fa911e50] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.textleft[data-v-fa911e50] {
	text-align: left
}

.pinpailishi .subtitle[data-v-fa911e50] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-fa911e50] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-fa911e50] {
	width: 100%;
	height: 22.3125rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-fa911e50] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-fa911e50] {
	width: 39.6875rem;
	height: 22.3125rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-fa911e50] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-fa911e50] {
	width: 41.875rem;
	margin: 0 auto;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-fa911e50] {
	text-align: center
}

.bottomtitle .toleft[data-v-fa911e50] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: 0;
	top: 1.625rem
}

.bottomtitle .toright[data-v-fa911e50] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: 0;
	top: 1.625rem
}

.bottomtitle .toleft span[data-v-fa911e50] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-fa911e50],
.bottomtitle .toright span[data-v-fa911e50] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-fa911e50] {
	right: .625rem
}

.pinpailishiani-move[data-v-fa911e50] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-fa911e50] {
	color: #4c413d
}

.quanpin .pplsimg[data-v-fa911e50] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-fa911e50] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-fa911e50] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-fa911e50] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-fa911e50] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-fa911e50] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.bannertop[data-v-fa911e50],
.ppfzlist[data-v-fa911e50] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto
}

.ppfzlist img[data-v-fa911e50] {
	width: 100%
}

.ppfzlist div[data-v-fa911e50] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-fa911e50] {
	padding: 2.5rem 0
}

.ppjjsjmx[data-v-fa911e50] {
	background: url(../images/sjmxbg.65feb56e.png) 0 0 no-repeat;
	background-size: 100% 100%;
	padding-top: .625rem;
	padding-bottom: 3.75rem
}

.shmx[data-v-fa911e50] {
	background: #d2cdca;
	margin-top: 0;
	padding: .625rem 0
}

.subnav[data-v-fa911e50] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-fa911e50] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav a.active[data-v-fa911e50] {
	color: #c7a585
}

.pzbtit .showtitle p[data-v-fa911e50] {
	line-height: 2;
	padding-bottom: 2.5rem
}

.pinpailishi .pbl[data-v-fa911e50] {
	padding-bottom: 0
}

.mbl[data-v-fa911e50] {
	margin-bottom: 0
}

.hometopswipt[data-v-fa911e50] {
	padding-bottom: 9.375rem
}

.mhome[data-v-1c94f8cc] {
	font-size: 1.625rem
}

.homelogo[data-v-1c94f8cc] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 6.25rem
}

.homelogo img[data-v-1c94f8cc],
.video[data-v-1c94f8cc] {
	width: 46.875rem
}

.homelogo div[data-v-1c94f8cc] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.1875rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center
}

.xiaotop[data-v-1c94f8cc] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-1c94f8cc] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi .title[data-v-1c94f8cc] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-1c94f8cc] {
	font-size: 1.8125rem
}

.pinpailishi p[data-v-1c94f8cc] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-1c94f8cc] {
	width: 100%;
	height: 22.3125rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-1c94f8cc] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-1c94f8cc] {
	width: 39.6875rem;
	height: 22.3125rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-1c94f8cc] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-1c94f8cc] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-1c94f8cc] {
	text-align: center
}

.bottomtitle .toleft[data-v-1c94f8cc] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: 0;
	top: 1.625rem
}

.bottomtitle .toright[data-v-1c94f8cc] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: 0;
	top: 1.625rem
}

.bottomtitle .toleft span[data-v-1c94f8cc] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-1c94f8cc],
.bottomtitle .toright span[data-v-1c94f8cc] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-1c94f8cc] {
	right: .625rem
}

.pinpailishiani-move[data-v-1c94f8cc] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-1c94f8cc] {
	color: #4c413d
}

.quanpin .pplsimg[data-v-1c94f8cc] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-1c94f8cc] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-1c94f8cc] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-1c94f8cc] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-1c94f8cc] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-1c94f8cc] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.bannertop[data-v-1c94f8cc],
.ppfzlist[data-v-1c94f8cc] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto
}

.ppfzlist img[data-v-1c94f8cc] {
	width: 100%
}

.ppfzlist div[data-v-1c94f8cc] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.shmx[data-v-1c94f8cc] {
	background: #d2cdca;
	margin-top: 0;
	padding: .625rem 0
}

.subnav[data-v-1c94f8cc] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-1c94f8cc] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav a.active[data-v-1c94f8cc] {
	color: #c7a585
}

.pzbtit .showtitle p[data-v-1c94f8cc] {
	line-height: 2;
	padding-bottom: 2.5rem
}

.fuwushunxu[data-v-1c94f8cc] {
	width: 43.125rem;
	margin: 2.5rem auto;
	display: flex;
	flex-wrap: wrap
}

.fuwushunxu div[data-v-1c94f8cc] {
	width: 20.9375rem;
	padding: .3125rem;
	flex: 1 20.9375rem
}

.fuwushunxu img[data-v-1c94f8cc] {
	width: 20.9375rem
}

.wufuimg[data-v-1c94f8cc] {
	width: 41.875rem;
	margin: 2.5rem auto 9.375rem
}

.wufuimg img[data-v-1c94f8cc] {
	width: 100%
}

.video[data-v-1c94f8cc] {
	padding-top: 2.5rem
}

.wufudi[data-v-1c94f8cc] {
	width: 46.875rem
}

.wufudi div[data-v-1c94f8cc] {
	width: 23.125rem;
	padding: 0;
	flex: 1 23.125rem;
	text-align: left
}

.wufudi .alignright[data-v-1c94f8cc] {
	text-align: right
}

.wufudi div img[data-v-1c94f8cc] {
	width: 23.125rem
}

.textleft[data-v-1c94f8cc] {
	text-align: left
}

.hometopswipt[data-v-1c94f8cc] {
	padding-bottom: 9.375rem
}

.pbl[data-v-1c94f8cc] {
	padding-bottom: 0
}

.homelogo[data-v-7f6e76d8] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 6.25rem
}

.homelogo img[data-v-7f6e76d8],
.video[data-v-7f6e76d8] {
	width: 46.875rem
}

.homelogo div[data-v-7f6e76d8] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.xiaotop[data-v-7f6e76d8] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-7f6e76d8] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto 6.25rem
}

.pinpailishi .title[data-v-7f6e76d8] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-7f6e76d8] {
	font-size: 1.8125rem
}

.pinpailishi p[data-v-7f6e76d8] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-7f6e76d8] {
	width: 100%;
	height: 22.3125rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-7f6e76d8] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-7f6e76d8] {
	width: 39.6875rem;
	height: 22.3125rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-7f6e76d8] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-7f6e76d8] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-7f6e76d8] {
	text-align: center
}

.bottomtitle .toleft[data-v-7f6e76d8] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: 0;
	top: 1.625rem
}

.bottomtitle .toright[data-v-7f6e76d8] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: 0;
	top: 1.625rem
}

.bottomtitle .toleft span[data-v-7f6e76d8] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-7f6e76d8],
.bottomtitle .toright span[data-v-7f6e76d8] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-7f6e76d8] {
	right: .625rem
}

.pinpailishiani-move[data-v-7f6e76d8] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-7f6e76d8] {
	color: #4c413d
}

.quanpin .pplsimg[data-v-7f6e76d8] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-7f6e76d8] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-7f6e76d8] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-7f6e76d8] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-7f6e76d8] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-7f6e76d8] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.bannertop[data-v-7f6e76d8],
.ppfzlist[data-v-7f6e76d8] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto
}

.ppfzlist img[data-v-7f6e76d8] {
	width: 100%
}

.ppfzlist div[data-v-7f6e76d8] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-7f6e76d8] {
	padding: 2.5rem 0
}

.ppjjsjmx[data-v-7f6e76d8] {
	background: url(../images/sjmxbg.65feb56e.png) 0 0 no-repeat;
	background-size: 100% 100%;
	padding-top: .625rem;
	padding-bottom: 3.75rem
}

.shmx[data-v-7f6e76d8] {
	background: #d2cdca;
	margin-top: 0;
	padding: .625rem 0
}

.subnav[data-v-7f6e76d8] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-7f6e76d8] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav a.active[data-v-7f6e76d8] {
	color: #c7a585
}

.pzbtit .showtitle p[data-v-7f6e76d8] {
	line-height: 2;
	padding-bottom: 2.5rem
}

.mcaselist[data-v-7f6e76d8] {
	width: 41.875rem;
	margin: 2.5rem auto .625rem
}

.mcaselist ul li[data-v-7f6e76d8] {
	padding-bottom: .625rem;
	position: relative
}

.mcaselist ul li img[data-v-7f6e76d8] {
	width: 100%
}

.mcaselist ul li p[data-v-7f6e76d8] {
	width: 40.625rem;
	line-height: 2;
	padding: 0 .625rem;
	color: #fff;
	background: rgba(0, 0, 0, .43137254901960786);
	position: absolute;
	left: 0;
	bottom: .625rem;
	text-align: left
}

.pages[data-v-7f6e76d8] {
	display: flex;
	justify-content: center;
	font-size: 1.625rem;
	padding-bottom: 2.5rem;
	border-bottom: .0625rem solid #000;
	width: 40.625rem;
	margin: 2.5rem auto;
	position: relative;
	padding: 0
}

.pages .prev[data-v-7f6e76d8] {
	position: absolute;
	left: 0;
	top: -.75rem;
	width: 1.5625rem;
	height: 1.5625rem
}

.pages .prev p[data-v-7f6e76d8] {
	width: .0625rem;
	background: #000;
	height: 1.5625rem;
	margin: 0 auto
}

.pages .next[data-v-7f6e76d8] {
	position: absolute;
	right: 0;
	top: -.75rem;
	width: 1.5625rem;
	height: 1.5625rem
}

.pages .next p[data-v-7f6e76d8] {
	width: .0625rem;
	background: #000;
	height: 1.5625rem;
	margin: 0 auto
}

.pages ul[data-v-7f6e76d8] {
	display: flex;
	position: absolute;
	background: #fff;
	top: -.9375rem
}

.pages ul li[data-v-7f6e76d8] {
	flex: 1;
	width: 1.875rem;
	height: 1.875rem;
	margin: 0 .625rem;
	line-height: 1.875rem;
	text-align: center
}

.pages ul li.active[data-v-7f6e76d8] {
	color: #c7a585
}

.pages ul li .gaoliang[data-v-7f6e76d8] {
	display: none
}

.pages ul li.active .gaoliang[data-v-7f6e76d8],
.pages ul li .nogl[data-v-7f6e76d8] {
	display: block
}

.pages ul li.active .nogl[data-v-7f6e76d8] {
	display: none
}

.mhome[data-v-7f6e76d8] {
	margin-bottom: 6.25rem
}

.homelogo[data-v-49c8152b] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 6.25rem
}

.homelogo img[data-v-49c8152b],
.video[data-v-49c8152b] {
	width: 46.875rem
}

.homelogo div[data-v-49c8152b] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.xiaotop[data-v-49c8152b] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-49c8152b] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto 6.25rem
}

.pinpailishi .title[data-v-49c8152b] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-49c8152b] {
	font-size: 1.8125rem
}

.pinpailishi p[data-v-49c8152b] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-49c8152b] {
	width: 100%;
	height: 22.3125rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-49c8152b] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-49c8152b] {
	width: 39.6875rem;
	height: 22.3125rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-49c8152b] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-49c8152b] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-49c8152b] {
	text-align: center
}

.bottomtitle .toleft[data-v-49c8152b] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: 0;
	top: 1.625rem
}

.bottomtitle .toright[data-v-49c8152b] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: 0;
	top: 1.625rem
}

.bottomtitle .toleft span[data-v-49c8152b] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-49c8152b],
.bottomtitle .toright span[data-v-49c8152b] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-49c8152b] {
	right: .625rem
}

.pinpailishiani-move[data-v-49c8152b] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-49c8152b] {
	color: #000
}

.quanpin .pplsimg[data-v-49c8152b] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-49c8152b] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-49c8152b] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-49c8152b] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-49c8152b] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-49c8152b] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.bannertop[data-v-49c8152b],
.ppfzlist[data-v-49c8152b] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto
}

.ppfzlist img[data-v-49c8152b] {
	width: 100%
}

.ppfzlist div[data-v-49c8152b] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-49c8152b] {
	padding: 2.5rem 0
}

.ppjjsjmx[data-v-49c8152b] {
	background: url(../images/sjmxbg.65feb56e.png) 0 0 no-repeat;
	background-size: 100% 100%;
	padding-top: .625rem;
	padding-bottom: 3.75rem
}

.shmx[data-v-49c8152b] {
	background: #d2cdca;
	margin-top: 0;
	padding: .625rem 0
}

.subnav[data-v-49c8152b] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-49c8152b] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav a.active[data-v-49c8152b] {
	color: #c7a585
}

.pzbtit .showtitle p[data-v-49c8152b] {
	line-height: 2;
	padding-bottom: 2.5rem
}

.mcaselist[data-v-49c8152b] {
	width: 46.875rem;
	margin: 2.5rem auto
}

.cityshop ul li[data-v-49c8152b] {
	padding-bottom: 11.25rem
}

.cityshop ul li img[data-v-49c8152b] {
	width: 100%
}

.cityshop ul li>div[data-v-49c8152b] {
	width: 100%;
	line-height: 2;
	padding: 1.25rem 0;
	text-align: center
}

.cityshop ul li>div div[data-v-49c8152b] {
	font-size: 1.625rem;
	font-weight: 700;
	margin: 0 auto
}

.cityshop ul li>div p[data-v-49c8152b] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 0 auto
}

.tuji[data-v-49c8152b] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 99999999;
	padding-top: 0
}

.tuji .pinpailishi[data-v-49c8152b] {
	height: 100%
}

.tuji .pplsimg[data-v-49c8152b] {
	height: 100%;
	padding: 0;
	display: flex
}

.tuji .pinpailishi ul li[data-v-49c8152b] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.alltujileft[data-v-49c8152b] {
	width: 5rem;
	position: absolute;
	left: 2.5%;
	top: 50%;
	cursor: pointer;
	height: 1.5625rem;
	margin-top: -.78125rem
}

.alltujileft div[data-v-49c8152b] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	margin-top: 1.5625rem
}

.alltujileft p[data-v-49c8152b] {
	height: .78125rem;
	width: .0625rem;
	background: #fff;
	position: absolute;
	left: 1.5625rem;
	top: .78125rem
}

.alltujiright[data-v-49c8152b] {
	width: 5rem;
	position: absolute;
	right: 2.5%;
	top: 50%;
	cursor: pointer;
	height: 1.5625rem;
	margin-top: -.78125rem
}

.alltujiright div[data-v-49c8152b] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	margin-top: 1.5625rem
}

.alltujiright p[data-v-49c8152b] {
	height: .78125rem;
	width: .0625rem;
	background: #fff;
	position: absolute;
	right: 1.5625rem;
	top: .78125rem
}

.mhome[data-v-49c8152b] {
	margin-bottom: 6.25rem
}

.mhome[data-v-6582e9f2] {
	font-size: 1.625rem
}

.homelogo[data-v-6582e9f2] {
	width: 46.875rem;
	position: relative
}

.homelogo img[data-v-6582e9f2],
.video[data-v-6582e9f2] {
	width: 46.875rem
}

.homelogo div[data-v-6582e9f2] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.xiaotop[data-v-6582e9f2] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-6582e9f2] {
	line-height: 2;
	width: 41.875rem;
	margin: 0 auto;
	white-space: pre-wrap;
	text-align: justify
}

.pinpailishi .title[data-v-6582e9f2] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-6582e9f2] {
	font-size: 1.8125rem
}

.pinpailishi p[data-v-6582e9f2] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-6582e9f2] {
	width: 100%;
	height: 22.3125rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-6582e9f2] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-6582e9f2] {
	width: 39.6875rem;
	height: 22.3125rem;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-6582e9f2] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-6582e9f2] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-6582e9f2] {
	text-align: center
}

.bottomtitle .toleft[data-v-6582e9f2] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: 0;
	top: 1.625rem
}

.bottomtitle .toright[data-v-6582e9f2] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: 0;
	top: 1.625rem
}

.bottomtitle .toleft span[data-v-6582e9f2] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-6582e9f2],
.bottomtitle .toright span[data-v-6582e9f2] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-6582e9f2] {
	right: .625rem
}

.pinpailishiani-move[data-v-6582e9f2] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-6582e9f2] {
	color: #4c413d
}

.quanpin .pplsimg[data-v-6582e9f2] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-6582e9f2] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-6582e9f2] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0;
	overflow: hidden
}

.quanpin .pinpailishi ul li img[data-v-6582e9f2] {
	width: 46.875rem;
	height: auto
}

.input[data-v-6582e9f2] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-6582e9f2] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.bannertop[data-v-6582e9f2],
.ppfzlist[data-v-6582e9f2] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto
}

.ppfzlist img[data-v-6582e9f2] {
	width: 100%
}

.ppfzlist div[data-v-6582e9f2] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-6582e9f2] {
	padding: 2.5rem 0
}

.ppjjsjmx[data-v-6582e9f2] {
	background: url(../images/sjmxbg.65feb56e.png) 0 0 no-repeat;
	background-size: 100% 100%;
	padding-top: .625rem;
	padding-bottom: 3.75rem
}

.shmx[data-v-6582e9f2] {
	background: #d2cdca;
	margin-top: 0;
	padding: .625rem 0
}

.subnav[data-v-6582e9f2] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-6582e9f2] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav a.active[data-v-6582e9f2] {
	color: #c7a585
}

.pzbtit .showtitle p[data-v-6582e9f2] {
	line-height: 2;
	padding-bottom: 2.5rem
}

.mcaselist[data-v-6582e9f2] {
	width: 46.875rem;
	margin: 2.5rem auto
}

.cityshop ul li[data-v-6582e9f2] {
	padding-bottom: 1.25rem
}

.cityshop ul li img[data-v-6582e9f2] {
	width: 100%
}

.cityshop ul li>div[data-v-6582e9f2] {
	width: 100%;
	background: #9b948e;
	color: #fff;
	line-height: 2;
	padding: 1.25rem 0;
	text-align: center
}

.cityshop ul li>div div[data-v-6582e9f2] {
	font-size: 2rem;
	margin: 0 auto
}

.cityshop ul li>div p[data-v-6582e9f2] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 0 auto;
	text-align: left
}

.tuji[data-v-6582e9f2] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 99999999;
	padding-top: 0
}

.tuji .pinpailishi[data-v-6582e9f2] {
	height: 100%
}

.tuji .pplsimg[data-v-6582e9f2] {
	height: 100%;
	padding: 0;
	display: flex
}

.tuji .pinpailishi ul li[data-v-6582e9f2] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.alltujileft[data-v-6582e9f2] {
	width: 5rem;
	position: absolute;
	left: 2.5%;
	top: 50%;
	cursor: pointer;
	height: 1.5625rem;
	margin-top: -.78125rem
}

.alltujileft div[data-v-6582e9f2] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	margin-top: 1.5625rem
}

.alltujileft p[data-v-6582e9f2] {
	height: .78125rem;
	width: .0625rem;
	background: #fff;
	position: absolute;
	left: 1.5625rem;
	top: .78125rem
}

.alltujiright[data-v-6582e9f2] {
	width: 5rem;
	position: absolute;
	right: 2.5%;
	top: 50%;
	cursor: pointer;
	height: 1.5625rem;
	margin-top: -.78125rem
}

.alltujiright div[data-v-6582e9f2] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	margin-top: 1.5625rem
}

.alltujiright p[data-v-6582e9f2] {
	height: .78125rem;
	width: .0625rem;
	background: #fff;
	position: absolute;
	right: 1.5625rem;
	top: .78125rem
}

.smtuji[data-v-6582e9f2] {
	position: static;
	background: #fff;
	padding-top: 2.5rem
}

.smtuji .pinpailishi ul li[data-v-6582e9f2] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0;
	overflow: hidden
}

.wenben[data-v-6582e9f2] {
	width: 41.875rem;
	margin: 0 auto 2.5rem;
	line-height: 2;
	text-align: justify
}

.mhome[data-v-7d4b8be8] {
	font-size: 1.625rem
}

.homelogo[data-v-7d4b8be8] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 6.25rem
}

.homelogo img[data-v-7d4b8be8],
.video[data-v-7d4b8be8] {
	width: 46.875rem
}

.homelogo div[data-v-7d4b8be8] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.xiaotop[data-v-7d4b8be8] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-7d4b8be8] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 2.5rem auto 0;
	text-align: left
}

.pinpailishi .title[data-v-7d4b8be8] {
	font-size: 2.8125rem;
	padding: 1.25rem 0;
	font-weight: 700
}

.pinpailishi .subtitle[data-v-7d4b8be8] {
	font-size: 1.8125rem
}

.pinpailishi p[data-v-7d4b8be8] {
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-7d4b8be8] {
	width: 100%;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-7d4b8be8] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-7d4b8be8] {
	width: 39.6875rem;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-7d4b8be8] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-7d4b8be8] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-7d4b8be8] {
	text-align: center
}

.bottomtitle .toleft[data-v-7d4b8be8] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: 0;
	top: 1.625rem
}

.bottomtitle .toright[data-v-7d4b8be8] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: 0;
	top: 1.625rem
}

.bottomtitle .toleft span[data-v-7d4b8be8] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-7d4b8be8],
.bottomtitle .toright span[data-v-7d4b8be8] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-7d4b8be8] {
	right: .625rem
}

.pinpailishiani-move[data-v-7d4b8be8] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-7d4b8be8] {
	color: #4c413d
}

.quanpin .pinpailishi ul[data-v-7d4b8be8] {
	width: 140.625rem;
	margin: 0;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%
}

.quanpin .pinpailishi ul li[data-v-7d4b8be8] {
	width: 46.875rem;
	padding: 0;
	font-size: 1.625rem
}

.quanpin .pinpailishi ul li img[data-v-7d4b8be8] {
	width: 46.875rem;
	height: 27.9375rem
}

.input input[data-v-7d4b8be8] {
	line-height: 4.1875rem;
	color: #4c413d
}

.bannertop[data-v-7d4b8be8],
.ppfzlist[data-v-7d4b8be8] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto
}

.ppfzlist img[data-v-7d4b8be8] {
	width: 100%
}

.ppfzlist div[data-v-7d4b8be8] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-7d4b8be8] {
	padding: 2.5rem 0
}

.ppjjsjmx[data-v-7d4b8be8] {
	background: url(../images/sjmxbg.65feb56e.png) 0 0 no-repeat;
	background-size: 100% 100%;
	padding-top: .625rem;
	padding-bottom: 3.75rem
}

.shmx[data-v-7d4b8be8] {
	background: #d2cdca;
	margin-top: 0;
	padding: .625rem 0
}

.subnav[data-v-7d4b8be8] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav a[data-v-7d4b8be8] {
	flex: 1;
	display: block
}

.pzbtit .showtitle p[data-v-7d4b8be8] {
	line-height: 2;
	padding-bottom: 2.5rem
}

.blod[data-v-7d4b8be8] {
	font-weight: 700
}

.weweima[data-v-7d4b8be8] {
	width: 46.875rem;
	margin: 2.5rem auto
}

.weweima ul[data-v-7d4b8be8] {
	width: 100%;
	display: flex
}

.weweima ul li[data-v-7d4b8be8] {
	flex: 1;
	text-align: center
}

.weweima ul li img[data-v-7d4b8be8] {
	width: 7.5rem;
	height: 7.5rem
}

.weweima ul li p[data-v-7d4b8be8] {
	padding-top: 1.25rem
}

.imgqp[data-v-7d4b8be8] {
	width: 46.875rem;
	padding-bottom: 6.25rem
}

.imgqp img[data-v-7d4b8be8] {
	width: 46.875rem
}

.quanpin .pinpailishi ul li[data-v-7d4b8be8] {
	line-height: 3.3125rem;
	text-align: left;
	padding-bottom: 1.25rem
}

.quanpin .pinpailishi ul li div[data-v-7d4b8be8] {
	padding: 0 2.5rem;
	font-weight: 700
}

.quanpin .pinpailishi ul li p[data-v-7d4b8be8] {
	width: 41.875rem;
	padding: 0 2.5rem
}

.shopcity[data-v-7d4b8be8] {
	width: 41.875rem;
	position: relative;
	margin: 0 auto;
	margin: .46875rem auto;
	height: .0625rem;
	background: #4c413d
}

.shopcity>div[data-v-7d4b8be8] {
	width: calc(100% - 3.125rem);
	position: absolute;
	left: 1.5625rem;
	top: -.625rem;
	overflow: hidden
}

.shopcity ul[data-v-7d4b8be8] {
	background: #fff;
	display: inline-flex;
	line-height: .9375rem;
	padding: 0 .9375rem
}

.shopcity ul li[data-v-7d4b8be8] {
	width: .9375rem;
	padding: 0 .9375rem;
	float: left
}

.shopcity ul li .no[data-v-7d4b8be8] {
	display: block
}

.shopcity ul li.active .no[data-v-7d4b8be8],
.shopcity ul li .yes[data-v-7d4b8be8] {
	display: none
}

.shopcity ul li.active .yes[data-v-7d4b8be8] {
	display: block
}

.shopcity_left[data-v-7d4b8be8] {
	left: .9375rem
}

.shopcity_left[data-v-7d4b8be8],
.shopcity_right[data-v-7d4b8be8] {
	height: 1.5625rem;
	width: .0625rem;
	background: #4c413d;
	position: absolute;
	top: -.75rem
}

.shopcity_right[data-v-7d4b8be8] {
	right: .9375rem
}

.quanpin[data-v-7d4b8be8] {
	padding-bottom: 2.5rem
}

.backb[data-v-7d4b8be8] {
	padding-top: .0625rem
}

.zhaomu[data-v-7d4b8be8] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 3.75rem
}

.zhaomu ul[data-v-7d4b8be8] {
	display: flex;
	width: 46.875rem;
	justify-content: space-around
}

.zhaomu ul li[data-v-7d4b8be8] {
	padding: 1.25rem 0
}

.zhaomu ul li.active[data-v-7d4b8be8] {
	color: #c7a585
}

.zhizheng[data-v-7d4b8be8] {
	width: .0625rem;
	height: 1.25rem;
	background: #c7a585;
	position: absolute;
	bottom: -.625rem
}

.zhaomu p[data-v-7d4b8be8] {
	width: 41.875rem;
	margin: 0 auto;
	height: .0625rem;
	background: #000
}

.jxscont[data-v-7d4b8be8] {
	width: 46.875rem;
	padding-bottom: 2.5rem;
	text-align: left;
	line-height: 2
}

.jxscont>div[data-v-7d4b8be8] {
	white-space: pre-wrap;
	width: 41.875rem;
	margin: 0 auto
}

.jxscont>div.img[data-v-7d4b8be8] {
	width: 46.875rem
}

.jxscont[data-v-7d4b8be8] img {
	width: 100%
}

.input[data-v-7d4b8be8] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 0 auto 2.5rem
}

.input input[data-v-7d4b8be8] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.zixuntian[data-v-7d4b8be8] {
	width: 41.875rem;
	margin: 2.5rem auto 0
}

.zixuntian>div[data-v-7d4b8be8] {
	padding-bottom: 2.5rem
}

.zixuntian>div input[data-v-7d4b8be8] {
	border-bottom: .0625rem solid #4c413d;
	font-size: 1.625rem;
	width: 100%;
	background: none
}

.mzixunbottom[data-v-7d4b8be8] {
	width: 19.375rem;
	margin: 0 auto 2.5rem;
	line-height: 4.375rem;
	border: .0625rem solid #4c413d;
	font-size: 1.625rem;
	text-align: center
}

.citynoshop[data-v-7d4b8be8] {
	padding-top: 13.25rem
}

.tishi[data-v-7d4b8be8] {
	width: 100%;
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: -1.875rem;
	left: 0;
	text-align: center
}

.tishi div[data-v-7d4b8be8] {
	display: inline-block;
	padding: 1.25rem 3.125rem;
	background: #000;
	border-radius: .625rem
}

.mqrco[data-v-7d4b8be8] {
	width: 41.875rem;
	margin: 0 auto;
	padding: 6.25rem 0
}

.mqrco>div[data-v-7d4b8be8] {
	width: 41.875rem;
	display: flex
}

.mqrco>div>div[data-v-7d4b8be8] {
	flex: 1 25%;
	text-align: center
}

.mqrco>div>div img[data-v-7d4b8be8] {
	width: 4.0625rem;
	height: 4.0625rem
}

.mqrco>div>div:first-child img[data-v-7d4b8be8] {
	width: 5rem
}

.isshowqrcon[data-v-7d4b8be8] {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 99999999999
}

.isshowqrcon div[data-v-7d4b8be8] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center
}

.isshowqrcon div img[data-v-7d4b8be8] {
	margin: 0 auto;
	max-width: 100%
}

.input[data-v-7d4b8be8] {
	position: relative
}

.input input[data-v-7d4b8be8] {
	line-height: 4.375rem;
	height: 4.375rem
}

.input .img[data-v-7d4b8be8] {
	position: absolute;
	top: .125rem;
	right: 0;
	text-align: center;
	padding: .6875rem;
	padding-right: 1.25rem;
	cursor: pointer;
	background: none
}

.input .img img[data-v-7d4b8be8] {
	width: 2.5rem;
	height: 2.5rem
}

.quanpin .pinpailishi ul li[data-v-7d4b8be8] {
	position: relative
}

.quanpin .pinpailishi ul li .addres[data-v-7d4b8be8] {
	position: absolute;
	right: 0;
	top: .625rem;
	overflow: hidden
}

.quanpin .pinpailishi ul li .addres button[data-v-7d4b8be8] {
	display: block;
	background: #fff;
	border: .0625rem solid;
	margin-bottom: .46875rem;
	width: 6.25rem;
	cursor: pointer;
	text-align: center;
	height: 5.625rem;
	float: right;
	background: #e5e2e0
}

.hometopswipt[data-v-7d4b8be8] {
	margin-bottom: 6.25rem
}

.mhome[data-v-421d9b60] {
	padding-bottom: 2.5rem
}

.homelogo[data-v-421d9b60] {
	width: 41.875rem;
	margin: 0 auto
}

.homelogo img[data-v-421d9b60] {
	width: 100%
}

.xiaotop[data-v-421d9b60] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.pplstext[data-v-421d9b60] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi[data-v-421d9b60] {
	position: relative
}

.pinpailishi .title[data-v-421d9b60] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-421d9b60] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-421d9b60] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-421d9b60] {
	width: 100%;
	height: 30.75rem;
	overflow: hidden
}

.pinpailishi ul[data-v-421d9b60] {
	display: flex;
	margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-421d9b60] {
	width: 23.4375rem;
	height: 30.75rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-421d9b60] {
	width: 23.4375rem;
	height: 30.75rem
}

.bottomtitle[data-v-421d9b60] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative;
	position: absolute;
	left: 2.5rem;
	top: 50%;
	margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-421d9b60] {
	text-align: center;
	color: #fff
}

.bottomtitle .showtitle div[data-v-421d9b60] {
	font-size: 2.8125rem;
	color: #fff
}

.bottomtitle .toleft[data-v-421d9b60] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: 3.515625rem
}

.bottomtitle .toright[data-v-421d9b60] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	right: 0;
	top: 3.515625rem
}

.bottomtitle .toleft span[data-v-421d9b60] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-421d9b60],
.bottomtitle .toright span[data-v-421d9b60] {
	width: .0625rem;
	height: 1.25rem;
	background: #fff;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-421d9b60] {
	right: .625rem
}

.pinpailishiani-move[data-v-421d9b60] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-421d9b60] {
	color: #fff
}

.quanpin .pplsimg[data-v-421d9b60] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-421d9b60] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-421d9b60] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-421d9b60] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-421d9b60] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-421d9b60] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.producttiel[data-v-421d9b60] {
	background: #d2cdca;
	padding-top: .0625rem;
	padding-bottom: 2.5rem
}

.subnav[data-v-421d9b60] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #d2cdca;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav ul[data-v-421d9b60] {
	width: 100%;
	display: flex;
	padding-top: 1.25rem;
	flex-wrap: wrap
}

.subnav ul li[data-v-421d9b60] {
	flex: 1 11.71875rem;
	text-align: center;
	font-size: 1.625rem;
	color: #fff;
	line-height: 2;
	margin-bottom: 1.25rem
}

.subnav ul li.avtive[data-v-421d9b60] {
	color: #c7a585
}

.subnav ul li img[data-v-421d9b60] {
	width: 4.4375rem;
	height: 3.4375rem;
	margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-421d9b60] {
	display: none
}

.subnav ul li.avtive .icon_active[data-v-421d9b60] {
	display: block
}

.subnav ul li .icon_active[data-v-421d9b60] {
	display: none
}

.subnav ul li .icon[data-v-421d9b60] {
	display: block
}

.productcont[data-v-421d9b60] {
	padding-bottom: 2.5rem;
	line-height: 2;
	width: 46.875rem;
	text-align: center
}

.productcont img[data-v-421d9b60] {
	width: 100%
}

.productcont p[data-v-421d9b60] {
	font-size: 1.625rem;
	line-height: 5.5rem
}

.productcont div[data-v-421d9b60] {
	font-size: 1.625rem;
	width: 14.0625rem;
	margin: 0 auto;
	line-height: 1;
	border: .0625rem solid #4c413d;
	line-height: 4.0625rem
}

.twonav[data-v-421d9b60] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center
}

.twonav ul[data-v-421d9b60] {
	width: 100%;
	display: flex
}

.twonav ul li[data-v-421d9b60] {
	flex: 1
}

.twonav ul li.active a[data-v-421d9b60] {
	color: #c7a585
}

.hometopswipt[data-v-421d9b60] {
	padding-bottom: 9.375rem
}

.homelogo[data-v-306d0d30] {
	width: 100%
}

.xiaotop[data-v-306d0d30] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.wpz[data-v-306d0d30] {
	width: 41.875rem;
	margin: 2.1875rem auto 2.1875rem
}

.wpz img[data-v-306d0d30] {
	width: 50%
}

.wpq[data-v-306d0d30] {
	width: 41.875rem;
	margin: 2.1875rem auto .625rem
}

.quantu img[data-v-306d0d30],
.wpq img[data-v-306d0d30] {
	width: 100%
}

.quantu[data-v-306d0d30] {
	width: 46.875rem;
	padding: 2.5rem 0
}

.pplstext[data-v-306d0d30] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi[data-v-306d0d30] {
	position: relative
}

.pinpailishi .title[data-v-306d0d30] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-306d0d30] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-306d0d30] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-306d0d30] {
	width: 100%;
	height: 30.75rem;
	overflow: hidden
}

.pinpailishi ul[data-v-306d0d30] {
	display: flex;
	margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-306d0d30] {
	width: 23.4375rem;
	height: 30.75rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-306d0d30] {
	width: 23.4375rem;
	height: 30.75rem
}

.bottomtitle[data-v-306d0d30] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative;
	position: absolute;
	left: 2.5rem;
	top: 50%;
	margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-306d0d30] {
	text-align: center;
	color: #fff
}

.bottomtitle .showtitle div[data-v-306d0d30] {
	font-size: 2.8125rem;
	color: #fff
}

.bottomtitle .toleft[data-v-306d0d30] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: 3.515625rem
}

.bottomtitle .toright[data-v-306d0d30] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	right: 0;
	top: 3.515625rem
}

.bottomtitle .toleft span[data-v-306d0d30] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-306d0d30],
.bottomtitle .toright span[data-v-306d0d30] {
	width: .0625rem;
	height: 1.25rem;
	background: #fff;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-306d0d30] {
	right: .625rem
}

.pinpailishiani-move[data-v-306d0d30] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-306d0d30] {
	color: #fff
}

.quanpin .pplsimg[data-v-306d0d30] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-306d0d30] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-306d0d30] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-306d0d30] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-306d0d30] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-306d0d30] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.producttiel[data-v-306d0d30] {
	background: #d2cdca;
	padding-top: .0625rem;
	padding-bottom: 2.5rem
}

.subnav[data-v-306d0d30] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav ul[data-v-306d0d30] {
	width: 100%;
	display: flex;
	padding-top: 1.25rem;
	flex-wrap: wrap;
	background: rgba(0, 0, 0, .8);
	color: #fff
}

.subnav ul li[data-v-306d0d30] {
	flex: 1 11.71875rem;
	text-align: center;
	font-size: 1.625rem;
	line-height: 2;
	margin-bottom: 1.25rem
}

.subnav ul li.avtive[data-v-306d0d30] {
	color: #c7a585
}

.subnav ul li img[data-v-306d0d30] {
	width: 4.4375rem;
	height: 3.4375rem;
	margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-306d0d30] {
	display: none
}

.subnav ul li.avtive .icon_active[data-v-306d0d30] {
	display: block
}

.subnav ul li .icon_active[data-v-306d0d30] {
	display: none
}

.subnav ul li .icon[data-v-306d0d30] {
	display: block
}

.productcont[data-v-306d0d30] {
	padding: 2.5rem 0;
	line-height: 2;
	width: 46.875rem;
	text-align: center
}

.productcont img[data-v-306d0d30] {
	width: 100%
}

.productcont p[data-v-306d0d30] {
	font-size: 1.625rem;
	line-height: 5.5rem
}

.productcont div[data-v-306d0d30] {
	font-size: 1.625rem;
	width: 14.0625rem;
	margin: 0 auto;
	line-height: 1;
	border: .0625rem solid #4c413d;
	line-height: 4.0625rem
}

.twonav[data-v-306d0d30] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center
}

.twonav ul[data-v-306d0d30] {
	width: 100%;
	display: flex
}

.twonav ul li[data-v-306d0d30] {
	flex: 1
}

.twonav ul li.active a[data-v-306d0d30] {
	color: #c7a585
}

.hometopswipt[data-v-306d0d30] {
	padding-bottom: 6.25rem
}

.homelogo[data-v-1418f760] {
	width: 35rem;
	margin: 0 auto 1.125rem
}

.homelogo img[data-v-1418f760] {
	width: 100%
}

.homelogohead[data-v-1418f760] {
	width: 46.875rem
}

.mhome[data-v-1418f760] {
	padding-bottom: 2.5rem
}

.xiaotop[data-v-1418f760] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 0
}

.pplstext[data-v-1418f760] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 0 auto
}

.pinpailishi[data-v-1418f760] {
	position: relative
}

.pinpailishi .title[data-v-1418f760] {
	font-size: 2.8125rem;
	padding: 1.875rem 0 0 0
}

.shuoming .title[data-v-1418f760] {
	font-size: 1.625rem;
	font-weight: 700;
	text-align: left;
	padding-top: 0
}

.cpxjbut[data-v-1418f760] {
	margin-top: 1.875rem
}

.pinpailishi .subtitle[data-v-1418f760] {
	font-size: 1.875rem
}

.pinpailishi p[data-v-1418f760] {
	font-size: 1.625rem;
	padding-bottom: .625rem;
	text-align: justify
}

.pplsimg[data-v-1418f760] {
	width: 100%;
	height: 30.75rem;
	overflow: hidden
}

.pinpailishi ul[data-v-1418f760] {
	display: flex;
	margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-1418f760] {
	width: 23.4375rem;
	height: 30.75rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-1418f760] {
	width: 23.4375rem;
	height: 30.75rem
}

.bottomtitle[data-v-1418f760] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative;
	position: absolute;
	left: 2.5rem;
	top: 50%;
	margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-1418f760] {
	text-align: center
}

.bottomtitle .showtitle div[data-v-1418f760] {
	font-size: 2.8125rem
}

.bottomtitle .toleft[data-v-1418f760] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: 3.515625rem
}

.bottomtitle .toright[data-v-1418f760] {
	width: 5rem;
	height: .0625rem;
	background: #fff;
	position: absolute;
	right: 0;
	top: 3.515625rem
}

.bottomtitle .toleft span[data-v-1418f760] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-1418f760],
.bottomtitle .toright span[data-v-1418f760] {
	width: .0625rem;
	height: 1.25rem;
	background: #fff;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-1418f760] {
	right: .625rem
}

.pinpailishiani-move[data-v-1418f760] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-1418f760] {
	color: #fff
}

.quanpin .pplsimg[data-v-1418f760] {
	height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-1418f760] {
	width: 140.625rem;
	margin: 0
}

.quanpin .pinpailishi ul li[data-v-1418f760] {
	width: 46.875rem;
	height: 27.9375rem;
	padding: 0
}

.quanpin .pinpailishi ul li img[data-v-1418f760] {
	width: 46.875rem;
	height: 27.9375rem
}

.input[data-v-1418f760] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 2.5rem auto
}

.input input[data-v-1418f760] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.producttiel[data-v-1418f760] {
	background: #d2cdca;
	padding-top: .0625rem;
	padding-bottom: 2.5rem
}

.subnav[data-v-1418f760] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav ul[data-v-1418f760] {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.subnav>div[data-v-1418f760],
.subnav ul[data-v-1418f760] {
	background: rgba(0, 0, 0, .8);
	color: #fff
}

.subnav>div.isshow[data-v-1418f760] {
	width: 21.875rem;
	height: 0;
	margin: 0 auto
}

.subnav ul li[data-v-1418f760] {
	flex: 1 11.71875rem;
	text-align: center;
	font-size: 1.625rem;
	line-height: 2;
	margin-bottom: 1.25rem;
	padding-top: 1.875rem
}

.subnav ul li.avtive[data-v-1418f760] {
	color: #c7a585
}

.subnav ul li img[data-v-1418f760] {
	width: 4.4375rem;
	height: 3.4375rem;
	margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-1418f760] {
	display: none
}

.subnav ul li.avtive .icon_active[data-v-1418f760] {
	display: block
}

.subnav ul li .icon_active[data-v-1418f760] {
	display: none
}

.subnav ul li .icon[data-v-1418f760] {
	display: block
}

.productcont[data-v-1418f760] {
	padding-bottom: 2.5rem;
	line-height: 2;
	width: 46.875rem;
	text-align: center
}

.productcont img[data-v-1418f760] {
	width: 100%
}

.productcont p[data-v-1418f760] {
	font-size: 1.625rem;
	line-height: 5.5rem
}

.productcont div[data-v-1418f760] {
	font-size: 1.625rem;
	width: 14.0625rem;
	margin: 0 auto;
	line-height: 1;
	border: .0625rem solid #4c413d;
	line-height: 4.0625rem
}

.avtive[data-v-1418f760] {
	color: #c7a585;
	border-color: #c7a585
}

.cpxjbut ul[data-v-1418f760] {
	width: 40.625rem;
	margin: 0 auto;
	justify-content: space-between;
	overflow: hidden
}

.cpxjbut ul li[data-v-1418f760] {
	line-height: 4.375rem;
	border: .0625rem solid;
	text-align: center;
	width: 18.75rem;
	font-size: 1.625rem;
	float: left
}

.cpxjbut ul li.qtiele[data-v-1418f760] {
	border: none;
	font-size: 2.5rem;
	text-align: left;
	float: left;
	width: 21.375rem
}

.cpxitu[data-v-1418f760] {
	width: 100%;
	padding-bottom: 2.5rem;
	padding-top: 1.25rem
}

.cpxitu img[data-v-1418f760] {
	width: 100%;
	margin-top: 1.25rem
}

.cfkjystitle[data-v-1418f760] {
	width: 100%;
	position: relative;
	line-height: 2.5625rem
}

.cfkjystitle p[data-v-1418f760] {
	width: 100%;
	border-bottom: .0625rem solid #000;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 0.3125rem;
	z-index: -22
}

.cfkjystitle div[data-v-1418f760] {
	background: #fff;
	margin: 0 auto;
	display: inline-block;
	padding: 0 3.125rem
}

.yanse>ul[data-v-1418f760] {
	padding: 1.25rem 0;
	font-size: 1.125rem
}

.yanse ul[data-v-1418f760] {
	width: 46.875rem;
	display: flex;
	flex-wrap: wrap
}

.yanse ul li[data-v-1418f760] {
	width: 6.5625rem;
	padding: .625rem
}

.yanse ul li img[data-v-1418f760] {
	width: 6.5625rem;
	height: 6.5625rem
}

.yanse ul li p[data-v-1418f760] {
	padding: .625rem 0;
	font-size: 1.375rem
}

.cfkjcont ul li[data-v-1418f760] {
	flex: none
}

.cfkjcont[data-v-1418f760] {
	width: 46.875rem
}

.mask[data-v-1418f760] {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4117647058823529);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9
}

.hometopswipt[data-v-1418f760] {
	padding-bottom: 1.875rem;
	width: 100%;
	overflow: scroll
}

[data-v-1418f760]::-webkit-scrollbar {
	display: none
}

.hometopswipt .homelogo[data-v-1418f760] {
	margin-bottom: 0
}

.yanse>div[data-v-1418f760] {
	padding-bottom: 6.25rem
}

.homelogos[data-v-1418f760] {
	width: 12.5rem;
	padding-right: 1.125rem
}

.homelogos img[data-v-1418f760] {
	width: 100%
}

.video[data-v-1418f760] {
	display: flex;
	overflow: scroll;
	padding-left: 1.125rem
}

.pdtitle[data-v-1418f760] {
	font-size: 2.8125rem;
	text-align: left;
	line-height: 1.8;
	width: 41.875rem;
	margin: 3.125rem auto 3.125rem
}

.homelogo[data-v-edbca7f8] {
	width: 46.875rem;
	position: relative
}

.homelogo img[data-v-edbca7f8],
.video[data-v-edbca7f8] {
	width: 46.875rem
}

.homelogo div[data-v-edbca7f8] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.subnav[data-v-edbca7f8] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav a[data-v-edbca7f8] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav .active[data-v-edbca7f8] {
	color: #c7a585
}

.mnew[data-v-edbca7f8] {
	width: 41.875rem;
	margin: 2.5rem auto;
	font-size: 1.625rem;
	line-height: 1.8;
	text-align: justify
}

.mnew .mnewtitle[data-v-edbca7f8] {
	width: 100%;
	overflow: hidden
}

.mnew .mnewtitle div[data-v-edbca7f8] {
	font-size: 2.8125rem;
	font-weight: 700;
	float: left
}

.mnew .mnewtitle p[data-v-edbca7f8] {
	color: #c7a585;
	float: right;
	padding-top: 1.40625rem
}

.mnew ul li[data-v-edbca7f8] {
	display: flex;
	padding: 1.25rem 0;
	border-bottom: .0625rem solid #b1adac
}

.mnew ul li .mnewleft[data-v-edbca7f8] {
	width: 25rem;
	flex: 1 25rem
}

.mnew ul li .mnewleft div[data-v-edbca7f8] {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical
}

.mnew ul li .mnewleft p[data-v-edbca7f8] {
	font-size: 1.125rem
}

.mnew ul li .mnewleft span[data-v-edbca7f8] {
	font-size: 1.125rem;
	color: #b1adac
}

.mnew ul li .mnewright[data-v-edbca7f8] {
	width: 15.625rem;
	flex: 1 15.625rem;
	text-align: right
}

.mnew ul li .mnewright img[data-v-edbca7f8] {
	width: 15.625rem;
	height: 10.9375rem
}

.homelogo[data-v-4f761d64] {
	width: 46.875rem;
	position: relative
}

.homelogo img[data-v-4f761d64],
.video[data-v-4f761d64] {
	width: 46.875rem
}

.homelogo div[data-v-4f761d64] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.subnav[data-v-4f761d64] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav a[data-v-4f761d64] {
	flex: 1;
	display: block;
	color: #fff
}

.subnav .active[data-v-4f761d64] {
	color: #c7a585
}

.mnew[data-v-4f761d64] {
	width: 41.875rem;
	margin: 2.5rem auto;
	font-size: 1.625rem;
	line-height: 1.8;
	text-align: justify
}

.mnew .mnewtitle[data-v-4f761d64] {
	width: 100%;
	overflow: hidden
}

.mnew .mnewtitle div[data-v-4f761d64] {
	font-size: 2.8125rem;
	font-weight: 700;
	float: left
}

.mnew .mnewtitle p[data-v-4f761d64] {
	color: #c7a585;
	float: right;
	padding-top: 1.40625rem
}

.mnew ul li[data-v-4f761d64] {
	display: flex;
	padding: 1.25rem 0;
	border-bottom: .0625rem solid #b1adac
}

.mnew ul li .mnewleft[data-v-4f761d64] {
	width: 25rem;
	flex: 1 25rem
}

.mnew ul li .mnewleft div[data-v-4f761d64] {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical
}

.mnew ul li .mnewleft p[data-v-4f761d64] {
	font-size: 1.125rem
}

.mnew ul li .mnewleft span[data-v-4f761d64] {
	font-size: 1.125rem;
	color: #b1adac
}

.mnew ul li .mnewright[data-v-4f761d64] {
	width: 15.625rem;
	flex: 1 15.625rem;
	text-align: right
}

.mnew ul li .mnewright img[data-v-4f761d64] {
	width: 15.625rem;
	height: 10.9375rem
}

.xiaotop[data-v-4f761d64] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pinpailishi .title[data-v-4f761d64] {
	font-size: 2.8125rem;
	padding: 1.25rem 0;
	text-align: center
}

.pinpailishi .subtitle[data-v-4f761d64] {
	font-size: 1.8125rem;
	text-align: center;
	font-weight: 700
}

.pinpailishi p[data-v-4f761d64] {
	font-size: 1.625rem;
	padding-bottom: 1.25rem;
	text-align: justify;
	text-align: center
}

.pinpailishi .newdetailtime[data-v-4f761d64] {
	padding-top: 2.1875rem;
	text-align: center
}

.pplstext[data-v-4f761d64] {
	text-align: left;
	line-height: 2
}

.pplstext[data-v-4f761d64] img {
	width: 100%;
	margin: 1.25rem 0
}

.content[data-v-4f761d64] {
	width: 41.875rem;
	margin: 0 auto
}

.hometopswipt[data-v-4f761d64] {
	margin-bottom: 6.25rem
}

.mhome[data-v-2c5a73f7] {
	font-size: 1.625rem
}

.homelogo[data-v-2c5a73f7] {
	width: 46.875rem;
	position: relative
}

.homelogo img[data-v-2c5a73f7],
.video[data-v-2c5a73f7] {
	width: 46.875rem
}

.homelogo div[data-v-2c5a73f7] {
	width: 46.875rem;
	text-align: center;
	font-size: 2.8125rem;
	color: #fff;
	position: absolute;
	left: 0;
	line-height: 5.625rem;
	top: 50%;
	margin-top: -2.8125rem
}

.xiaotop[data-v-2c5a73f7] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-2c5a73f7] {
	line-height: 1.8;
	width: 41.875rem;
	margin: 2.5rem auto 0;
	text-align: left
}

.pinpailishi .title[data-v-2c5a73f7] {
	font-size: 2.8125rem;
	padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-2c5a73f7] {
	font-size: 1.8125rem
}

.pinpailishi p[data-v-2c5a73f7] {
	padding-bottom: 1.25rem;
	text-align: justify
}

.pplsimg[data-v-2c5a73f7] {
	width: 100%;
	height: 22.3125rem;
	padding: 1.25rem 0;
	overflow: hidden
}

.pinpailishi ul[data-v-2c5a73f7] {
	display: flex;
	margin-left: -40.125rem
}

.pinpailishi ul li[data-v-2c5a73f7] {
	width: 39.6875rem;
	height: 22.3125rem;
	flex: 1;
	padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-2c5a73f7] {
	width: 39.6875rem;
	height: 22.3125rem
}

.bottomtitle[data-v-2c5a73f7] {
	width: 41.875rem;
	margin: 0 auto;
	color: #c7a585;
	font-size: 1.875rem;
	line-height: 1.5;
	position: relative
}

.bottomtitle .showtitle p[data-v-2c5a73f7] {
	text-align: center
}

.bottomtitle .toleft[data-v-2c5a73f7] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	left: 0;
	top: 1.625rem
}

.bottomtitle .toright[data-v-2c5a73f7] {
	width: 5rem;
	height: .0625rem;
	background: #918b88;
	position: absolute;
	right: 0;
	top: 1.625rem
}

.bottomtitle .toleft span[data-v-2c5a73f7] {
	left: .625rem
}

.bottomtitle .toleft span[data-v-2c5a73f7],
.bottomtitle .toright span[data-v-2c5a73f7] {
	width: .0625rem;
	height: 1.25rem;
	background: #918b88;
	display: block;
	position: absolute;
	top: -.5625rem
}

.bottomtitle .toright span[data-v-2c5a73f7] {
	right: .625rem
}

.pinpailishiani-move[data-v-2c5a73f7] {
	transition: all .3s
}

.quanpin .bottomtitle[data-v-2c5a73f7] {
	color: #4c413d
}

.quanpin .pplsimg[data-v-2c5a73f7] {
	height: 28.125rem
}

.quanpin .pinpailishi ul[data-v-2c5a73f7] {
	width: 140.625rem;
	margin: 0;
	height: 28.125rem;
	flex-direction: column;
	flex-wrap: wrap
}

.quanpin .pinpailishi ul li[data-v-2c5a73f7] {
	width: 46.875rem;
	height: 28.125rem;
	padding: 0;
	font-size: 1.875rem
}

.quanpin .pinpailishi ul li img[data-v-2c5a73f7] {
	width: 46.875rem;
	height: 27.9375rem
}

.input input[data-v-2c5a73f7] {
	line-height: 4.1875rem
}

.bannertop[data-v-2c5a73f7],
.ppfzlist[data-v-2c5a73f7] {
	width: 41.875rem;
	font-size: 1.625rem;
	line-height: 2;
	text-align: justify;
	margin: 2.5rem auto
}

.ppfzlist img[data-v-2c5a73f7] {
	width: 100%
}

.ppfzlist div[data-v-2c5a73f7] {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 1.625rem
}

.video[data-v-2c5a73f7] {
	padding: 2.5rem 0
}

.ppjjsjmx[data-v-2c5a73f7] {
	background: url(../images/sjmxbg.65feb56e.png) 0 0 no-repeat;
	background-size: 100% 100%;
	padding-top: .625rem;
	padding-bottom: 3.75rem
}

.shmx[data-v-2c5a73f7] {
	background: #d2cdca;
	margin-top: 0;
	padding: .625rem 0
}

.subnav[data-v-2c5a73f7] {
	width: 46.875rem;
	font-size: 1.625rem;
	line-height: 6.25rem;
	background: #fff;
	text-align: center;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999
}

.subnav a[data-v-2c5a73f7] {
	flex: 1;
	display: block
}

.pzbtit .showtitle p[data-v-2c5a73f7] {
	line-height: 2;
	padding-bottom: 2.5rem
}

.blod[data-v-2c5a73f7] {
	font-weight: 700
}

.weweima[data-v-2c5a73f7] {
	width: 46.875rem;
	margin: 2.5rem auto
}

.weweima ul[data-v-2c5a73f7] {
	width: 100%;
	display: flex
}

.weweima ul li[data-v-2c5a73f7] {
	flex: 1;
	text-align: center
}

.weweima ul li img[data-v-2c5a73f7] {
	width: 7.5rem;
	height: 7.5rem
}

.weweima ul li p[data-v-2c5a73f7] {
	padding-top: 1.25rem
}

.imgqp[data-v-2c5a73f7],
.imgqp img[data-v-2c5a73f7] {
	width: 46.875rem
}

.quanpin .pinpailishi ul li[data-v-2c5a73f7] {
	line-height: 3.3125rem;
	text-align: left
}

.quanpin .pinpailishi ul li div[data-v-2c5a73f7] {
	width: 41.875rem;
	padding: 0 2.5rem;
	font-weight: 700
}

.quanpin .pinpailishi ul li p[data-v-2c5a73f7] {
	width: 41.875rem;
	padding: 0 2.5rem
}

.shopcity[data-v-2c5a73f7] {
	width: 41.875rem;
	position: relative;
	margin: 0 auto;
	margin: .46875rem auto;
	height: .0625rem;
	background: #4c413d
}

.shopcity>div[data-v-2c5a73f7] {
	width: calc(100% - 3.125rem);
	position: absolute;
	left: 1.5625rem;
	top: -.875rem;
	overflow: hidden
}

.shopcity ul[data-v-2c5a73f7] {
	background: #fff;
	display: inline-flex;
	line-height: .9375rem;
	padding: 0 .9375rem
}

.shopcity ul li[data-v-2c5a73f7] {
	width: .9375rem;
	padding: 0 .9375rem;
	float: left
}

.shopcity ul li .no[data-v-2c5a73f7] {
	display: block
}

.shopcity ul li.active .no[data-v-2c5a73f7],
.shopcity ul li .yes[data-v-2c5a73f7] {
	display: none
}

.shopcity ul li.active .yes[data-v-2c5a73f7] {
	display: block
}

.shopcity_left[data-v-2c5a73f7] {
	left: .9375rem
}

.shopcity_left[data-v-2c5a73f7],
.shopcity_right[data-v-2c5a73f7] {
	height: 1.5625rem;
	width: .0625rem;
	background: #4c413d;
	position: absolute;
	top: -.75rem
}

.shopcity_right[data-v-2c5a73f7] {
	right: .9375rem
}

.quanpin[data-v-2c5a73f7] {
	padding-bottom: 2.5rem
}

.backb[data-v-2c5a73f7] {
	background: #e5e2e0;
	padding-top: .0625rem
}

.zhaomu[data-v-2c5a73f7] {
	width: 46.875rem;
	position: relative;
	margin-bottom: 3.75rem
}

.zhaomu ul[data-v-2c5a73f7] {
	display: flex;
	width: 46.875rem;
	justify-content: space-around
}

.zhaomu ul li[data-v-2c5a73f7] {
	padding: 1.25rem 0
}

.zhaomu ul li.active[data-v-2c5a73f7] {
	color: #c7a585
}

.zhizheng[data-v-2c5a73f7] {
	width: .0625rem;
	height: 1.25rem;
	background: #c7a585;
	position: absolute;
	bottom: -.625rem
}

.zhaomu p[data-v-2c5a73f7] {
	width: 41.875rem;
	margin: 0 auto;
	height: .0625rem;
	background: #000
}

.jxscont[data-v-2c5a73f7] {
	width: 46.875rem;
	padding-bottom: 2.5rem;
	text-align: left;
	line-height: 2
}

.jxscont>div[data-v-2c5a73f7] {
	white-space: pre-wrap;
	width: 41.875rem;
	margin: 0 auto
}

.jxscont>div.img[data-v-2c5a73f7] {
	width: 46.875rem
}

.jxscont[data-v-2c5a73f7] img {
	width: 100%
}

.input[data-v-2c5a73f7] {
	font-size: 1.625rem;
	width: 41.875rem;
	margin: 0 auto 2.5rem
}

.input input[data-v-2c5a73f7] {
	width: 100%;
	line-height: 2;
	border: .0625rem solid #4c413d;
	text-align: center
}

.zixuntian[data-v-2c5a73f7] {
	width: 41.875rem;
	margin: 2.5rem auto 0
}

.zixuntian>div[data-v-2c5a73f7] {
	padding-bottom: 2.5rem
}

.zixuntian>div input[data-v-2c5a73f7] {
	border-bottom: .0625rem solid #4c413d;
	font-size: 1.625rem;
	width: 100%;
	background: none
}

.mzixunbottom[data-v-2c5a73f7] {
	width: 19.375rem;
	margin: 0 auto 2.5rem;
	line-height: 4.375rem;
	border: .0625rem solid #4c413d;
	font-size: 1.625rem;
	text-align: center
}

.citynoshop[data-v-2c5a73f7] {
	padding-top: 13.25rem
}

.tishi[data-v-2c5a73f7] {
	width: 100%;
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: -1.875rem;
	left: 0;
	text-align: center
}

.tishi div[data-v-2c5a73f7] {
	display: inline-block;
	padding: 1.25rem 3.125rem;
	background: #000;
	border-radius: .625rem
}

.mqrco[data-v-2c5a73f7] {
	width: 41.875rem;
	margin: 0 auto;
	padding: 2.5rem 0
}

.mqrco>div[data-v-2c5a73f7] {
	width: 41.875rem;
	display: flex
}

.mqrco>div>div[data-v-2c5a73f7] {
	flex: 1 25%;
	text-align: center
}

.mqrco>div>div img[data-v-2c5a73f7] {
	width: 4.0625rem;
	height: 4.0625rem
}

.mqrco>div>div:first-child img[data-v-2c5a73f7] {
	width: 5rem
}

.isshowqrcon[data-v-2c5a73f7] {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 99999999999
}

.isshowqrcon div[data-v-2c5a73f7] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center
}

.isshowqrcon div img[data-v-2c5a73f7] {
	margin: 0 auto;
	max-width: 100%
}

.input[data-v-2c5a73f7] {
	position: relative
}

.input input[data-v-2c5a73f7] {
	line-height: 4.375rem;
	height: 4.375rem
}

.input .img[data-v-2c5a73f7] {
	position: absolute;
	top: .125rem;
	right: 0;
	text-align: center;
	padding: .6875rem;
	padding-right: 1.25rem;
	cursor: pointer;
	background: #fff
}

.input .img img[data-v-2c5a73f7] {
	width: 2.5rem;
	height: 2.5rem
}

.mheader[data-v-26b011df] {
	width: 46.875rem;
	text-align: left
}

#container[data-v-26b011df] {
	height: 100vh
}

.pinpailishiani-move[data-v-26b011df] {
	transition: all .3s
}

.climap[data-v-26b011df] {
	position: fixed;
	left: 0;
	bottom: 1.875rem;
	width: 100%;
	z-index: 999;
	overflow: hidden
}

.climap ul[data-v-26b011df] {
	display: flex
}

.climap ul li[data-v-26b011df] {
	line-height: 3.3125rem;
	text-align: left
}

.climap ul li>div[data-v-26b011df] {
	width: 37.5rem;
	background: #fff;
	margin: 0 auto;
	font-size: 1.625rem;
	padding: 1.25rem 2.5rem
}

.climap ul li>div div[data-v-26b011df] {
	font-weight: 700
}

.climap ul li>div p[data-v-26b011df] {
	min-height: 6.625rem
}

.anibut[data-v-26b011df] {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 9999
}

.anibut div[data-v-26b011df] {
	width: 100%;
	text-align: center;
	font-size: 1.75rem;
	line-height: 7.5rem;
	border-bottom: .0625rem solid #000;
	background: #fff
}

.anibut div[data-v-26b011df]:last-child {
	border-bottom: none
}

.ljyy[data-v-26b011df] {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4196078431372549)
}

.ljyy>div[data-v-26b011df] {
	padding-top: .0625rem;
	padding-bottom: .0625rem;
	background: #fff
}

.aboutBaner img[data-v-b174c9bc] {
	width: 100%;
	height: 22.5rem
}

.pplstext[data-v-b174c9bc] {
	margin: 4.1rem 5.5rem 4.1rem 5.5rem;
	text-align: center
}

.title[data-v-b174c9bc] {
	font-size: 3rem;
	line-height: 5rem
}

.pplstext p[data-v-b174c9bc] {
	line-height: 4rem
}

.imgandtitle[data-v-b174c9bc] {
	position: relative
}

.projectitem .imgandtitle img[data-v-b174c9bc] {
	width: 100%
}

.projectitem-title_right[data-v-b174c9bc] {
	font-size: 3rem;
	margin-right: 2rem
}

.projectitem-title_left[data-v-b174c9bc] {
	margin-left: 2rem
}

.projectitem .imgandtitle .projectitem-title[data-v-b174c9bc] {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5.3rem;
	line-height: 5.3rem;
	display: flex;
	justify-content: space-between;
	align-content: center;
	background: rgba(0, 0, 0, .43137254901960786);
	color: #fff
}

.projectitem_introduce[data-v-b174c9bc] {
	height: 14rem;
	font-size: 1.7rem;
	overflow: hidden;
	padding: 2rem 2rem;
	margin: 2rem 0;
	text-align: justify;
	line-height: 1.9
}

.projectitem_introduce_show[data-v-b174c9bc] {
	font-size: 1.7rem;
	padding: 2rem 2rem;
	margin: 2rem 0;
	text-align: left;
	line-height: 1.9
}

.hometopswipt[data-v-b174c9bc] {
	width: .0625rem;
	height: 2.125rem;
	background: #c7a585;
	margin: 8.4375rem auto 2.1875rem
}

.projectitem-title_center[data-v-b174c9bc] {
	padding: .61rem 0
}

.tuji[data-v-b174c9bc] {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 99999999;
	padding-top: 0
}

.tuji .pinpailishi[data-v-b174c9bc] {
	height: 100%
}

.tuji .pplsimg[data-v-b174c9bc] {
	height: 100%;
	padding: 0;
	display: flex
}

.pinpailishiani[data-v-b174c9bc] {
	transition: all .3s
}

.felx[data-v-b174c9bc] {
	display: flex;
	align-items: center
}

.felx li[data-v-b174c9bc] {
	flex-shrink: 0;
	width: 100%
}

.felx li img[data-v-b174c9bc] {
	width: 100%;
	height: auto
}

.xian[data-v-b174c9bc] {
	display: block;
	width: 6.3rem;
	height: .0625rem;
	margin: 0 auto;
	color: #000;
	margin-top: 1rem;
	background: #000
}

.pages[data-v-b174c9bc] {
	display: flex;
	justify-content: center;
	font-size: 1.625rem;
	padding-bottom: 2.5rem;
	border-bottom: .0625rem solid #000;
	width: 40.625rem;
	margin: 2.5rem auto;
	position: relative;
	padding: 0
}

.pages .prev[data-v-b174c9bc] {
	position: absolute;
	left: 0;
	top: -.75rem;
	width: 1.5625rem;
	height: 1.5625rem
}

.pages .prev p[data-v-b174c9bc] {
	width: .0625rem;
	background: #000;
	height: 1.5625rem;
	margin: 0 auto
}

.pages .next[data-v-b174c9bc] {
	position: absolute;
	right: 0;
	top: -.75rem;
	width: 1.5625rem;
	height: 1.5625rem
}

.pages .next p[data-v-b174c9bc] {
	width: .0625rem;
	background: #000;
	height: 1.5625rem;
	margin: 0 auto
}

.pages ul[data-v-b174c9bc] {
	display: flex;
	position: absolute;
	background: #fff;
	top: -.9375rem
}

.pages ul li[data-v-b174c9bc] {
	flex: 1;
	width: 1.875rem;
	height: 1.875rem;
	margin: 0 .625rem;
	line-height: 1.875rem;
	text-align: center
}

.pages ul li.active[data-v-b174c9bc] {
	color: #c7a585
}

.pages ul li .gaoliang[data-v-b174c9bc] {
	display: none
}

.pages ul li.active .gaoliang[data-v-b174c9bc],
.pages ul li .nogl[data-v-b174c9bc] {
	display: block
}

.pages ul li.active .nogl[data-v-b174c9bc] {
	display: none
}

.c-project-list[data-v-b174c9bc] {
	max-width: 75rem;
	margin: 5rem auto 8.4375rem
}

.c-project-list .c-project-lc .c-project-left2[data-v-b174c9bc],
.c-project-list .c-project-lc .c-project-left p[data-v-b174c9bc],
.c-project-list .c-project-lc .c-project-right2 p[data-v-b174c9bc],
.c-project-list .c-project-lc .c-project-right p[data-v-b174c9bc] {
	font-size: 1.6rem
}

.c-project-show[data-v-b174c9bc] {
	max-width: 75rem;
	transform: translateY(0);
	-o-transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.c-project-lc[data-v-b174c9bc] {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	color: #4c413d
}

.c-project-left2[data-v-b174c9bc],
.c-project-left[data-v-b174c9bc] {
	width: 100%;
	position: relative
}

.c-projecttextnb h1[data-v-b174c9bc] {
	margin-top: 0;
	font-size: 7rem;
	font-weight: 550;
	color: #fff;
	text-shadow: 0 0 .125rem #000
}

.c-projecttext-lc[data-v-b174c9bc] {
	width: 11rem;
	position: absolute;
	top: 3.2rem;
	margin-left: 50%;
	left: -5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background: #b5ad9d;
	color: #fff;
	font-size: 1.7rem
}

.c-project-right[data-v-b174c9bc] {
	width: 91%
}

.c-project-right ul[data-v-b174c9bc] {
	list-style: none;
	position: relative;
	height: .0625rem;
	background-color: #b5ad9d;
	margin-top: 3.4rem;
	right: 0;
	display: flex;
	justify-content: center
}

.c-project-right ul[data-v-b174c9bc]:before {
	top: .4rem;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.c-project-right ul[data-v-b174c9bc]:after,
.c-project-right ul[data-v-b174c9bc]:before {
	content: "";
	width: 1rem;
	height: .0625rem;
	background: #b5ad9d;
	position: absolute;
	right: -.1rem
}

.c-project-right ul[data-v-b174c9bc]:after {
	top: -.35rem;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.c-project-right ul li[data-v-b174c9bc] {
	width: 25%;
	text-align: center;
	position: relative;
	top: -4.4rem
}

.c-project-right ul li div[data-v-b174c9bc] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 3.8rem;
	left: 50%
}

.c-project-right2[data-v-b174c9bc] {
	position: relative;
	width: 91%
}

.c-project-right2 ul[data-v-b174c9bc] {
	justify-content: center
}

.c-project-right2 ul[data-v-b174c9bc],
.c-project-right5 ul[data-v-b174c9bc] {
	list-style: none;
	position: relative;
	height: .0625rem;
	background-color: #b5ad9d;
	margin-top: 3.4rem;
	right: 0;
	display: flex
}

.c-project-right5 ul[data-v-b174c9bc] {
	justify-content: left
}

.c-project-right2 ul li[data-v-b174c9bc] {
	width: 40%;
	text-align: center;
	position: relative;
	top: -4.4rem;
	left: -2rem
}

.c-project-right-shu[data-v-b174c9bc] {
	position: absolute;
	width: .0625rem;
	height: 12.1rem;
	top: 3.4rem;
	right: 0;
	background: #b5ad9d
}

.c-ul-2[data-v-b174c9bc]:before {
	top: -.38rem;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.c-ul-2[data-v-b174c9bc]:after,
.c-ul-2[data-v-b174c9bc]:before {
	content: "";
	width: 1rem;
	height: .0625rem;
	background: #b5ad9d;
	position: absolute;
	left: -.1rem
}

.c-ul-2[data-v-b174c9bc]:after {
	top: .32rem;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.c-project-right2 .c-ul-2[data-v-b174c9bc] {
	margin-top: 12rem;
	margin-bottom: 6rem
}

.c-project-right2 .c-ul-2 li[data-v-b174c9bc] {
	width: 50%;
	text-align: center;
	position: relative;
	top: -7.4rem;
	left: -2rem;
	line-height: 2rem
}

.c-project-right2 ul li div[data-v-b174c9bc] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 3.8rem;
	left: 50%
}

.c-project-right2 .c-ul-2 .c-danghen[data-v-b174c9bc] {
	width: 50%;
	text-align: center;
	position: relative;
	top: -4.4rem;
	left: -2rem
}

.c-project-right2 .c-ul-2 .c-danghen div[data-v-b174c9bc] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 3.8rem;
	left: 50%
}

.c-project-right2 .c-ul-2 li div[data-v-b174c9bc] {
	width: .0625rem;
	height: 1.2rem;
	background: #f08618;
	position: absolute;
	top: 6.8rem;
	left: 50%
}

.c-project-left2[data-v-b174c9bc],
.c-project-left[data-v-b174c9bc],
.c-project-right2[data-v-b174c9bc],
.c-project-right[data-v-b174c9bc] {
	margin-top: 2rem
}

.c-shuxian[data-v-b174c9bc] {
	width: .0625rem;
	height: 3rem;
	background: #f08618;
	margin: 0 auto
}

.c-Aftersale[data-v-b174c9bc] {
	max-width: 46rem;
	margin: 5rem auto 8.4375rem
}

.c-Aftersale h1[data-v-b174c9bc] {
	font-size: 2.5rem;
	font-weight: 400;
	color: #4c413d
}

.c-project-jf h1[data-v-b174c9bc] {
	margin-top: 3rem;
	font-size: 3rem;
	font-weight: 400;
	color: #4c413d;
	text-align: center
}

.c-Aftersale-list div[data-v-b174c9bc] {
	display: flex;
	justify-content: center
}

.c-Aftersale-list img[data-v-b174c9bc] {
	width: 2.5rem;
	height: 2.5rem;
	position: relative;
	top: -.2rem;
	padding-right: .8rem
}

.c-Aftersale-list h2[data-v-b174c9bc] {
	font-size: 1.9rem;
	margin: 0;
	font-weight: 300;
	color: #797777
}

.c-Aftersale-list[data-v-b174c9bc] {
	margin-top: 5rem
}

.c-Aftersale-list p[data-v-b174c9bc] {
	margin: 0 auto;
	max-width: 30rem;
	line-height: 4rem;
	color: #797777
}

.c-project-topy[data-v-b174c9bc] {
	margin-top: 5rem
}

.xm-left[data-v-b174c9bc] {
	margin-bottom: 2rem
}

.Map[data-v-b0df5844] {
	height: calc(100vh - 20rem);
	width: 100%
}

.goxiaos[data-v-b0df5844] {
	text-align: center;
	font-size: 1.88rem
}

.map-kuan[data-v-b0df5844] {
	width: 100%;
	height: auto;
	padding-top: 2rem;
	position: absolute;
	bottom: 15rem;
	z-index: 9997
}

.mapsuo .goxiaos[data-v-b0df5844] {
	background: none;
	font-weight: 600;
	border: none;
	margin-top: 4.5rem;
	height: 3 rem
}

.maplists[data-v-b0df5844] {
	position: relative;
	width: 100%;
	height: 92vh
}

.distributed[data-v-b0df5844] {
	width: 100%;
	padding-bottom: 12.125rem;
	height: calc(100vh - 20rem)
}

.mapsuo[data-v-b0df5844] {
	position: absolute;
	bottom: 10rem;
	z-index: 9997;
	width: 100%;
	background: #fdfdfd;
	margin: 0 auto;
	height: 25rem;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem
}

.mapsuo .cx-button[data-v-b0df5844] {
	border: none;
	background: #f19c39
}

.mapsuo div[data-v-b0df5844] {
	width: 25.9rem;
	height: 4.1rem;
	line-height: 4.1rem;
	margin: 1.625rem auto;
	background: #fff;
	color: #000;
	position: relative;
	padding: 0 1.625rem;
	border: .0625rem solid #4c413d
}

.mapsuo div[data-v-b0df5844]:nth-child(3),
.mapsuo div button[data-v-b0df5844] {
	cursor: pointer
}

.mapsuo div input[data-v-b0df5844] {
	width: 100%;
	height: 100%;
	background: none;
	border: 0
}

.mapsuo div span[data-v-b0df5844] {
	position: absolute;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	right: .125rem;
	top: 0
}

.mapsuo div span img[data-v-b0df5844] {
	width: 1.25rem;
	height: 1.25rem
}

.mapsuo div button[data-v-b0df5844] {
	width: 100%;
	height: 100%;
	background: none;
	border: 0;
	color: #fff
}

.weizhimap[data-v-b0df5844] {
	position: absolute;
	bottom: 2rem !important;
	left: 0;
	width: 100%;
	height: 57.5rem;
	background: #fff;
	z-index: 9998;
	overflow: hidden;
	padding: 3rem 0
}

.weizhilist[data-v-b0df5844] {
	width: 35rem;
	height: 60.5rem;
	margin: 0 auto
}

.weiziinput[data-v-b0df5844] {
	padding: 0 .1875rem 0 .3125rem
}

.weiziinput input[data-v-b0df5844] {
	width: 33.3rem;
	height: 3.3rem;
	border: .0625rem solid #9b9593
}

.weizhimap .weiziinput span img[data-v-b0df5844] {
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	right: .3125rem;
	top: .625rem
}

.map-for[data-v-b0df5844] {
	cursor: pointer;
	margin-top: 2rem
}

.map-for h1[data-v-b0df5844] {
	color: #f48422;
	margin-bottom: .101563rem;
	line-height: 1rem
}

.map-for p[data-v-b0df5844] {
	color: #9b9593;
	margin-bottom: 1.25rem;
	padding-right: 1.25rem;
	line-height: 3.25rem
}

.scrollable[data-v-b0df5844] {
	height: 85%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 3.8rem;
	text-align: left
}

.pinguoinput[data-v-b0df5844] {
	-webkit-appearance: none;
	border-radius: 0
}

.shou[data-v-b0df5844] {
	position: relative;
	top: .03125rem;
	right: .375rem
}

.black {
	background: #333;
	z-index: 9999999
}

.black,
.wxtip {
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.wxtip {
	background: rgba(0, 0, 0, .8);
	z-index: 998
}

.wxtip-icon img {
	width: 9.25rem;
	height: 6.1875rem;
	font-size: 3.125rem;
	color: #fff;
	display: block;
	position: absolute;
	right: 3.5rem;
	top: 2.25rem
}

.wxtip-txt {
	width: 28.75rem;
	margin: auto;
	line-height: 1.875rem;
	padding-top: 3.25rem;
	height: 10.25rem;
	margin-top: 18.75rem;
	color: #fff;
	font-size: 1.25rem;
	background: url(../images/biankuan.cac2f70a.png) no-repeat;
	background-size: 100% 10.25rem
}

html {
	background-color: #fff;
	color: #000;
	font-size: .75rem
}

blockquote,
body,
button,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
ol,
p,
pre,
td,
textarea,
th,
ul,
xmp {
	margin: 0;
	padding: 0
}

body,
button,
code,
input,
kbd,
pre,
samp,
select,
textarea,
tt,
xmp {
	line-height: 1.5
}

big,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
small,
textarea {
	font-size: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: tahoma, arial, Hiragino Sans GB, 微软雅黑, simsun, sans-serif
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 400
}

address,
cite,
dfn,
em,
i,
optgroup,
var {
	font-style: normal
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left
}

caption,
th {
	text-align: inherit
}

menu,
ol,
ul {
	list-style: none
}

fieldset,
img {
	border: 0
}

button,
img,
input,
object,
select,
textarea {
	vertical-align: middle
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "\0020"
}

textarea {
	overflow: auto;
	resize: vertical
}

a,
button,
input,
select,
textarea {
	outline: 0 none;
	border: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

mark {
	background-color: transparent
}

a,
del,
ins,
s,
u {
	text-decoration: none
}

sub,
sup {
	vertical-align: baseline
}

html {
	overflow-x: hidden;
	height: 100%;
	font-size: 3.125rem;
	-webkit-tap-highlight-color: transparent;
	font-weight: 100
}

body {
	font-family: Lantinghei SC Extralight, Lantinghei SC Demibold, Lantinghei SC Heavy, 微软雅黑;
	color: #645a57;
	font-size: 1rem;
	line-height: 1;
	-webkit-text-size-adjust: none;
	min-height: 100%;
	padding-bottom: env(safe-area-inset-bottom)
}

@media (max-width:768px) {
	body {
		font-family: Lantinghei SC Extralight, Lantinghei SC Demibold, Lantinghei SC Heavy, 微软雅黑;
		color: #645a57;
		font-size: 1.625rem;
		-webkit-text-size-adjust: none;
		min-height: 100%;
		padding-bottom: env(safe-area-inset-bottom)
	}
}

hr {
	height: .0625rem;
	margin: .3125rem 0;
	border: medium none;
	border-top: .0625rem solid #cacaca
}

a {
	color: #000;
	text-decoration: none;
	display: block
}

input:focus::input-placeholder {
	color: transparent
}

input:focus::-webkit-input-placeholder {
	color: transparent
}

input:focus::-o-input-placeholder {
	color: transparent
}

input:focus::-moz-input-placeholder {
	color: transparent
}

input::input-placeholder {
	color: #4c413d
}

input::-webkit-input-placeholder {
	color: #4c413d
}

input::-o-input-placeholder {
	color: #4c413d
}

input::-moz-input-placeholder {
	color: #4c413d
}

video {
	cursor: pointer
}

input {
	font-weight: 100
}

@supports (bottom:env(safe-area-inset-bottom)) {
	.subnav {
		bottom: env(safe-area-inset-bottom)
	}
}

* {
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

img {
	pointer-events: none
}

body>a {
	display: none
}


.banner {
	position: relative;
	z-index: 1
}

.banner .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.banner .bannerMask {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative
}

.banner .bannerMask img {
	margin-left: 0
}



.bannerMaskLeft {
	left: 0
}

.bannerMaskLeft,
.bannerMaskRieght {
	width: 10.3125rem;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0
}

.bannerMaskRieght {
	right: 0
}

.bannerMaskani .bannerMaskLeft {
	animation: bannerMaskLeftani .7s;
	-moz-animation: bannerMaskLeftani .7s;
	-webkit-animation: bannerMaskLeftani .7s;
	-o-animation: bannerMaskLeftani .7s;
	animation-fill-mode: forwards
}

.bannerMaskani .bannerMaskRieght {
	animation: bannerMaskRieghtani .7s;
	-moz-animation: bannerMaskRieghtani .7s;
	-webkit-animation: bannerMaskRieghtani .7s;
	-o-animation: bannerMaskRieghtani .7s;
	animation-fill-mode: forwards
}

@keyframes bannerMaskLeftani {
	0% {
		left: 0
	}

	to {
		left: -16.875rem
	}
}

@-webkit-keyframes bannerMaskLeftani {
	0% {
		left: 0
	}

	to {
		left: -16.875rem
	}
}

@-moz-keyframes bannerMaskLeftani {
	0% {
		left: 0
	}

	to {
		left: -16.875rem
	}
}

@-o-keyframes bannerMaskLeftani {
	0% {
		left: 0
	}

	to {
		left: -16.875rem
	}
}

@keyframes bannerMaskRieghtani {
	0% {
		right: 0
	}

	to {
		right: -16.875rem
	}
}

@-webkit-keyframes bannerMaskRieghtani {
	0% {
		right: 0
	}

	to {
		right: -16.875rem
	}
}

@-moz-keyframes bannerMaskRieghtani {
	0% {
		right: 0
	}

	to {
		right: -16.875rem
	}
}

@-o-keyframes bannerMaskRieghtani {
	0% {
		right: 0
	}

	to {
		right: -16.875rem
	}
}

.founder {
	color: #4c413d;
	max-width: 75rem;
	margin: 0 auto;
	position: relative
}

.founder .yishu {
	width: .0625rem;
	height: 2.875rem;
	background: #c7a585;
	margin: 4.6875rem auto 0
}

.founder .beijing {
	font-size: 1.8rem;
	padding-top: 7.4375rem;
	padding-bottom: 3.1875rem;
	font-weight: 100;

}

.founder .beijing p {
	position: relative;
	display: inline-block;
	letter-spacing: 15px;
	font-weight: 700;
	color: #000
}

/*.founder .beijing p:after {*/
/*	content: "";*/
/*	display: block;*/
/*	position: absolute;*/
/*	left: 6.3rem;*/
/*	top: 0.6rem;*/
/*	background: url(../images/shangbiao.png) center no-repeat;*/
/*	background-size: cover;*/
/*	width: 15px;*/
/*	height: 15px;*/
/*}*/


.founder p.jijian {
	font-size: 2.5625rem !important;
}

.founder .time {
	padding-bottom: 2.1875rem;
	font-size: 1.875rem
}

.founder p {
	line-height: 2;
	font-weight: 100
}

.founder p.cursorNum {
	font-size: 1.875rem
}

.founder img {
	margin: 0 auto;
	transform: scale(.8);
	margin-top: -1.875rem
}

.founder ul {
	display: flex
}

.founder ul p {
	line-height: 1.5
}

.founder ul li {
	flex: 1;
}

.founder ul li a {}

.founder .yishuani {
	margin: 1.25rem auto 0;
	margin-left: 6.25rem
}

.founder ul li.active a {
	color: #c7a585 !important
}

.recruit .zhichi li.show {
	display: block;
}

.recruit .zhichi .zx {
	display: none;
}

.jiaolian {
	width: 100%;
	height: .0625rem;
	background: #4c413d;
	position: absolute;
	left: 0;
	bottom: 1rem
}

.spaceCustomization p {
	text-align: justify;
	padding-bottom: 2.1875rem;
	text-align: center;
	/* white-space: pre-wrap */
}

.search {
	color: #4c413d;
	padding-bottom: 5rem
}

.search,
.searchWap {
	width: 100%
}

.searchCenten {
	max-width: 75rem;
	text-align: center;
	margin: 0 auto
}

.searchCenten .beijing {
	color: #4c413d
}

.searchCenten .search_input {
	position: relative
}

.searchCenten .search_input input {
	line-height: 3.9375rem;
	width: 65.9375rem;
	text-align: center;
	border: .0625rem solid #4c413d;
	background: transparent;
	color: #a6a7a8;
	margin: 2.8125rem 0;
	padding: 0 4.46875rem;
	color: #000
}

.searchCenten .search_input .img {
	position: absolute;
	top: 2.9375rem;
	right: .0625rem;
	text-align: center;
	padding: .625rem;
	padding-right: 1.25rem;
	cursor: pointer;
	background: #fff
}

.searchCenten .search_input .img img {
	width: 2.5rem;
	height: 2.5rem
}

.searchCenten ul {
	width: 100%;
	display: flex
}

.searchCenten ul li {
	flex: 1;
	line-height: 2.1875rem;
	cursor: pointer
}

.search p {
	color: #4c413d;
	line-height: 2.1875rem
}

.cursor {
	cursor: pointer
}

@keyframes bannerImg {
	0% {
		margin-left: -9%
	}

	to {
		margin-left: 0
	}
}

@-webkit-keyframes bannerImg {
	0% {
		margin-left: -9%
	}

	to {
		margin-left: 0
	}
}

@-moz-keyframes bannerImg {
	0% {
		margin-left: -9%
	}

	to {
		margin-left: 0
	}
}

@-o-keyframes bannerImg {
	0% {
		margin-left: -9%
	}

	to {
		margin-left: 0
	}
}

.yishuani-move {
	transition: transform .5s
}

.hdcm-move,
.storeShowSwi-move {
	transition: transform 3s
}

.homeDecoration {
	position: relative;
	overflow: hidden
}

.homeDecoration img {
	width: 100%
}

.homeDecorationMask {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .4);
	width: 100%
}

.homeDecorationCenten {
	width: 75rem;
	margin: 0 auto;
	color: #fff;
	overflow: hidden
}

.homeDecorationCenten .more {
	padding: 1.5625rem 8.4375rem;
	border: .0625rem solid #fff;
	margin-top: 1.25rem;
	display: inline-block
}

.homeDecorationCenten .more a {
	color: #fff;
}

.homeDecorationCenten .more:hover {
	color: #c7a585;
}

.more {
	cursor: pointer
}

.moreleav {
	animation: moreleave 1s;
	-moz-animation: moreleave 1s;
	-webkit-animation: moreleave 1s;
	-o-animation: moreleave 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.moreleavh {
	animation: hmoreleave 1s;
	-moz-animation: hmoreleave 1s;
	-webkit-animation: hmoreleave 1s;
	-o-animation: hmoreleave 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.homeDecorationCenten .more:hover,
.homeDecorationCenten .more:hover a {
	color: #fff;
	animation: morehover 1s;
	-moz-animation: morehover 1s;
	-webkit-animation: morehover 1s;
	-o-animation: morehover 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes morehover {
	0% {
		color: #fff;
		border-color: #fff
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@-webkit-keyframes morehover {
	0% {
		color: #fff;
		border-color: #fff
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@-moz-keyframes morehover {
	0% {
		color: #fff;
		border-color: #fff
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@-o-keyframes morehover {
	0% {
		color: #fff;
		border-color: #fff
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@keyframes moreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #fff;
		border-color: #fff
	}
}

@-webkit-keyframes moreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #fff;
		border-color: #fff
	}
}

@-moz-keyframes moreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #fff;
		border-color: #fff
	}
}

@-o-keyframes moreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #fff;
		border-color: #fff
	}
}

@keyframes morehoverh {
	0% {
		color: #000;
		border-color: #000
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@-webkit-keyframes morehoverh {
	0% {
		color: #000;
		border-color: #000
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@-moz-keyframes morehoverh {
	0% {
		color: #000;
		border-color: #000
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@-o-keyframes morehoverh {
	0% {
		color: #000;
		border-color: #000
	}

	to {
		color: #c7a585;
		border-color: #c7a585
	}
}

@keyframes hmoreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #000;
		border-color: #000
	}
}

@-webkit-keyframes hmoreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #000;
		border-color: #000
	}
}

@-moz-keyframes hmoreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #000;
		border-color: #000
	}
}

@-o-keyframes hmoreleave {
	0% {
		color: #c7a585;
		border-color: #c7a585
	}

	to {
		color: #000;
		border-color: #000
	}
}

.homeDecorationCenten ul {
	width: 100%;
	display: flex;
	padding-top: 18.4375rem;
	padding-bottom: 3%
}

.homeDecorationCenten ul li {
	flex: 1;
	border-bottom: .0625rem solid #fff;
	padding-top: 3.75rem;
	overflow: hidden
}

.homeDecorationCenten ul li.midl div div {
	padding-bottom: 2%;
	letter-spacing: .625rem
}

.storeDisplay ul {
	width: 53.75rem;
	margin: 0 auto;
	padding-top: 20%;
	padding-bottom: 4%
}

.storeDisplay ul li {
	border-bottom: none;
	padding-top: 0;
	margin-top: 3.75rem;
	cursor: pointer
}

.switeName {
	width: 100%;
	color: #fff;
	font-size: 2em;
	text-align: center;
	padding: 1.5rem 0;
	position: absolute;
	left: 0;
	bottom: 50%;
	margin-bottom: -1rem
}

.switeName .switeNameBox {
	width: 95%;
	margin: 0 auto;
	overflow: hidden
}

.switeName .switeNameBox div {
	flex: 1;
	border-bottom: .0625rem solid #fff;
	height: .0625rem;
	margin: auto;
	display: inline-block;
	position: relative
}

.switeName .switeNameBox div p {
	width: .0625rem;
	background: #fff;
	height: 1.5625rem
}

.switeName .switeNameBox div.left p {
	position: absolute;
	left: 1.25rem;
	top: 0
}

.switeName .switeNameBox div.midle {
	font-weight: 100;
	flex: 4;
	border-bottom: none;
	letter-spacing: .125rem;
	margin-bottom: 2rem
}

.switeName .switeNameBox div.right p {
	position: absolute;
	right: 1.25rem;
	top: 0
}

.switeName .switeNameBox div.left,
.switeName .switeNameBox div.right {
	border-bottom: none;
	height: 1.5625rem;
	width: 9.375rem;
	float: left;
	cursor: pointer
}

.switeName .switeNameBox div.right {
	float: right
}

.switeName .switeNameBox div span {
	width: 100%;
	height: .0625rem;
	display: inline-block;
	background: #fff;
	position: absolute;
	left: 0;
	top: .78125rem
}

.consult {
	width: 46.25rem;
	margin: 0 auto
}

.consult input {
	background: none;
	width: 100%;
	border-bottom: .0625rem solid #000;
	line-height: 2;
	margin-bottom: 3.4375rem
}

.consult button {
	padding: 1.25rem 8.125rem;
	border: .0625rem solid #000;
	background: none;
	margin-bottom: 3.125rem;
	cursor: pointer
}

.consult button:hover {
	color: #fff;
	animation: morehoverh 1s;
	-moz-animation: morehoverh 1s;
	-webkit-animation: morehoverh 1s;
	-o-animation: morehoverh 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.storeShowImg {
	/* margin: 4.6875rem auto 0; */
	width: 100%;
	/* overflow: auto; */
	position: relative;
	height: 58.625rem
}

.ssiamge {
	position: absolute;
	top: 0
}

.ssiamge img {
	width: 100%;
	height: 58.625rem
}

.storeShowImg img {
	width: 100%;
	float: left;
	height: 100%;
}

.ssiamge .ssanin {
	animation: storeShowImganin 1.5s;
	-moz-animation: storeShowImganin 1.5s;
	-webkit-animation: storeShowImganin 1.5s;
	-o-animation: storeShowImganin 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes storeShowImganin {
	0% {
		opacity: .1
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes storeShowImganin {
	0% {
		opacity: .1
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes storeShowImganin {
	0% {
		opacity: .1
	}

	to {
		opacity: 1
	}
}

@-o-keyframes storeShowImganin {
	0% {
		opacity: .1
	}

	to {
		opacity: 1
	}
}

.kjdz ul {
	position: relative;
	display: block;
	padding-bottom: 0;
	height: 14.0625rem;
	font-weight: 100
}

.kjdz ul li {
	cursor: pointer
}

.kjdz ul li p {
	display: none
}

.kjdz ul li.left {
	width: 12.5rem;
	position: absolute;
	padding-top: 6.1%;
	padding-bottom: .9375rem;
	left: 0;
	text-align: left
}

.kjdz ul li.left div div {
	position: absolute;
	left: 0;
	bottom: .9375rem;
	min-width: 4.375rem
}

.kjdz ul li.midl {
	font-size: 2rem;
	font-weight: 100;
	flex: 4;
	border-bottom: none;
	padding-top: 0;
	letter-spacing: .125rem;
	position: absolute;
	left: 50%;
	width: 28.125rem;
	margin: 0 auto;
	height: 5.9375rem;
	overflow: hidden;
	margin-left: -14.0625rem
}

.kjdz ul li.midl>div {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.kjdz ul li.midl p {
	display: block
}

.kjdz ul li.right {
	width: 12.5rem;
	position: absolute;
	padding-top: 6.1%;
	right: 0;
	padding-bottom: .9375rem;
	text-align: right
}

.kjdz ul li.right div div {
	position: absolute;
	right: 0;
	bottom: .9375rem;
	min-width: 4.375rem
}

.founder .marginTX {
	margin-top: 6.7%
}

.zixun {
	width: 46.25rem
}

.zixun .beijing {
	font-size: 2.125rem
}

.tran {
	transition: all 1s
}

.brandtransitionani .brandBox {
	overflow: hidden;
	width: 450rem
}

.brand {
	float: left;
	width: 75rem
}

.spaceCustomizationIngT-enter-active,
.spaceCustomizationIngT-leave-active {
	transition: opacity 3s
}

.spaceCustomizationIngT-enter,
.spaceCustomizationIngT-leave-to {
	opacity: 0
}

.spaceCustomizationIngT-enter-to,
.spaceCustomizationIngT-leave {
	opacity: 1
}

.brandBox {
	overflow: hidden;
	width: 450rem
}

#app .zixun p {
	text-align: justify;
	padding-bottom: 5rem
}

.home .kjdz ul li.midl p {
	padding-top: 0
}

.home .homefounder {
	margin-top: 7.8125rem;
	opacity: 0;
	animation: homehomefounder 2s;
	-moz-animation: homehomefounder 2s;
	-webkit-animation: homehomefounder 2s;
	-o-animation: homehomefounder 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.hometopanima .homefounder {
	animation: hometopanimafounder 2s;
	-moz-animation: hometopanimafounder 2s;
	-webkit-animation: hometopanimafounder 2s;
	-o-animation: hometopanimafounder 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

@keyframes hometopanimafounder {
	0% {
		opacity: 0;
		margin-top: 4.6875rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-webkit-keyframes hometopanimafounder {
	0% {
		opacity: 0;
		margin-top: 4.6875rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-moz-keyframes hometopanimafounder {
	0% {
		opacity: 0;
		margin-top: 4.6875rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@-o-keyframes hometopanimafounder {
	0% {
		opacity: 0;
		margin-top: 4.6875rem
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@keyframes homehomefounder {
	0% {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: 4.6875rem
	}
}

@-webkit-keyframes homehomefounder {
	0% {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: 4.6875rem
	}
}

@-moz-keyframes homehomefounder {
	0% {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: 4.6875rem
	}
}

@-o-keyframes homehomefounder {
	0% {
		opacity: 1;
		margin-top: 0
	}

	to {
		opacity: 0;
		margin-top: 4.6875rem
	}
}

.jianbianq {
	opacity: 0;
	margin-top: 7.8125rem;
	animation: homehomefounder 2s;
	-moz-animation: homehomefounder 2s;
	-webkit-animation: homehomefounder 2s;
	-o-animation: homehomefounder 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.jianbianh {
	animation: hometopanimafounder 2s;
	-moz-animation: hometopanimafounder 2s;
	-webkit-animation: hometopanimafounder 2s;
	-o-animation: hometopanimafounder 2s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.jianbianbanner {
	animation: hometopanimafounder 1s;
	-moz-animation: hometopanimafounder 1s;
	-webkit-animation: hometopanimafounder 1s;
	-o-animation: hometopanimafounder 1s;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 1735px) {
	.ssiamge img {
		height: 58.625rem;
	}
}

@media only screen and (max-width: 1440px) {

	.kuang .kuang_right .xiangqing {
		padding-left: 7.75rem;
	}

	.kuang .kuang_left {
		padding-left: 3.59375rem;
	}

	.footerRight ul li.navActive span {
		left: 1.1875rem;
	}
}


#pc {
	display: block !important;
}

#mb {
	display: none;
}

@media screen and (max-width:768px) {
	#pc {
		display: none;
	}

	#mb {
		display: block !important;
	}
}
